/**
 * NavTools 前台统一变量体系
 * 所有前台模块 CSS 只引用 --navtool-* 变量
 * 禁止直接引用 OneNav 变量或硬编码颜色
 *
 * @see REFACTOR-PLAN.md §14
 */

:root {
    /* ── 主题色 ── */
    --navtool-theme:        var(--theme-color, #f1404b);
    --navtool-theme-bg:     var(--theme-color-bg, rgba(241, 64, 75, 0.1));
    --navtool-theme-hover:  var(--hover-color, #d12768);
    --navtool-theme-shadow: var(--focus-shadow-color, rgba(220, 65, 75, 0.6));

    /* ── 文本 ── */
    --navtool-text:         var(--main-color, #484b4f);
    --navtool-text-muted:   var(--muted-color, #93959a);

    /* ── 背景 ── */
    --navtool-bg:           var(--main-bg-color, #fff);
    --navtool-bg-body:      var(--body-bg-color, #f2f4f7);
    --navtool-bg-muted:     var(--muted-bg-color, #e6e8ea);
    --navtool-bg-muted-l:   var(--muted-bg-color-l, #f5f5f5);

    /* ── 边框 & 阴影 ── */
    --navtool-border:       var(--muted-bg-color, #e6e8ea);
    --navtool-shadow:       var(--main-shadow, rgba(0, 0, 0, 0.1));
    --navtool-shadow-muted: var(--muted-shadow, rgba(0, 0, 0, 0.05));

    /* ── 功能色 ── */
    --navtool-primary:      var(--theme-color, #165dff);
    --navtool-border-light: var(--muted-bg-color-l, #f2f3f5);

    /* ── 圆角 & 毛玻璃 ── */
    --navtool-radius:       var(--main-radius, 8px);
    --navtool-blur-bg:      var(--main-blur-bg-color, rgba(255, 255, 255, 0.8));
}

/* ══════════════════════════════
   深色模式（OneNav .io-black-mode）
   ══════════════════════════════ */
.io-black-mode {
    --navtool-text:         var(--main-color, #b4b8bf);
    --navtool-text-muted:   var(--muted-color, #6b7280);
    --navtool-bg:           var(--main-bg-color, #1b1d1f);
    --navtool-bg-body:      var(--body-bg-color, #141516);
    --navtool-bg-muted:     var(--muted-bg-color, #36393b);
    --navtool-bg-muted-l:   var(--muted-bg-color-l, #2a2c2e);
    --navtool-border:       var(--muted-bg-color, #36393b);
    --navtool-shadow:       var(--main-shadow, rgba(0, 0, 0, 0.3));
    --navtool-shadow-muted: var(--muted-shadow, rgba(0, 0, 0, 0.2));
    --navtool-blur-bg:      var(--main-blur-bg-color, rgba(27, 29, 31, 0.8));
}

/* ══════════════════════════════
   NavTool footer-tools 共享按钮
   ══════════════════════════════ */
.navtool-ft-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}
.navtool-ft-btn .iconfont {
    transition: color .2s;
}
.navtool-ft-btn:hover .iconfont {
    color: var(--navtool-theme);
}