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

:root {
    /* ── 主题色 ── */
    --navtool-theme:        var(--theme-color);
    --navtool-theme-bg:     var(--theme-color-bg);
    --navtool-theme-hover:  var(--hover-color);
    --navtool-theme-shadow: var(--focus-shadow-color);
    --navtool-on-theme:     var(--main-bg-color);

    /* ── 文本 ── */
    --navtool-text:         var(--main-color);
    --navtool-text-muted:   var(--muted-color);
    --navtool-text-subtle:  var(--muted-color2, var(--muted-color));

    /* ── 背景 ── */
    --navtool-bg:           var(--main-bg-color);
    --navtool-bg-body:      var(--body-bg-color);
    --navtool-bg-muted:     var(--muted-bg-color);
    --navtool-bg-muted-l:   var(--muted-bg-color-l);
    --navtool-bg-soft:      color-mix(in srgb, var(--navtool-bg) 72%, var(--navtool-bg-muted-l));

    /* ── 边框 & 阴影 ── */
    --navtool-border:       var(--muted-bg-color);
    --navtool-shadow:       var(--main-shadow);
    --navtool-shadow-muted: var(--muted-shadow, color-mix(in srgb, var(--navtool-text) 8%, transparent));
    --navtool-overlay:      color-mix(in srgb, var(--navtool-text) 45%, transparent);

    /* ── 功能色 ── */
    --navtool-primary:      var(--theme-color);
    --navtool-success:      var(--success-color, var(--theme-color));
    --navtool-danger:       var(--danger-color, var(--theme-color));
    --navtool-warning:      var(--warning-color, var(--theme-color));
    --navtool-border-light: var(--muted-bg-color-l);

    /* ── 圆角 & 毛玻璃 ── */
    --navtool-radius:       var(--main-radius);
    --navtool-blur-bg:      var(--main-blur-bg-color);
    --navtool-blur-bg-strong: var(--main-blur-bg-color2, var(--main-blur-bg-color));
}

/* ══════════════════════════════
   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);
}