/* ============================================================
 * Design Tokens - 全局 CSS 变量
 * 修改本文件即可统一调整全站视觉
 * ============================================================ */

:root {
    /* ===== 品牌色（亮蓝系） ===== */
    --brand-50:  #EFF6FF;
    --brand-100: #DBEAFE;
    --brand-200: #BFDBFE;
    --brand-500: #4080FF;
    --brand-600: #2563EB;
    --brand-700: #1D4ED8;
    --brand-900: #1E3A8A;

    /* ===== 页面与卡片 ===== */
    --bg-page:        #F4F7FB;
    --bg-card:        #FFFFFF;
    --bg-subtle:      #F8FAFC;
    --bg-tinted:      #EFF6FF;
    --bg-mask:        rgba(20,40,80,.45);

    /* ===== 边框 ===== */
    --border:         #EEF2F7;
    --border-strong:  #E2E8F0;
    --divider:        #F1F5F9;
    --border-focus:   #93C5FD;

    /* ===== 文字 ===== */
    --text-primary:   #1A2332;
    --text-secondary: #5B6B82;
    --text-tertiary:  #8B98AC;
    --text-disabled:  #C7CFDB;
    --text-inverse:   #FFFFFF;
    --text-link:      #2563EB;

    /* ===== 浅色侧栏 ===== */
    --sidebar-bg:          #FFFFFF;
    --sidebar-bg-hover:    #F4F7FB;
    --sidebar-bg-active:   #EFF6FF;
    --sidebar-text:        #5B6B82;
    --sidebar-text-active: #2563EB;
    --sidebar-border:      #EEF2F7;
    --sidebar-section:     #8B98AC;

    /* ===== 语义色（柔和 pill） ===== */
    --success-bg: #E6F7EE;  --success-fg: #16A34A;  --success-line: #BBF1CF;
    --warning-bg: #FFF4E5;  --warning-fg: #EA8C00;  --warning-line: #FCD9A1;
    --danger-bg:  #FEECEC;  --danger-fg:  #E53E3E;  --danger-line:  #FBC4C4;
    --info-bg:    #E8F1FF;  --info-fg:    #2563EB;  --info-line:    #BFDBFE;

    /* ===== 字号 ===== */
    --fs-xs:   12px;
    --fs-sm:   13px;
    --fs-base: 14px;
    --fs-md:   15px;
    --fs-lg:   18px;
    --fs-xl:   22px;

    /* ===== 行高 ===== */
    --lh-tight:  1.3;
    --lh-base:   1.5;
    --lh-loose:  1.7;

    /* ===== 字重 ===== */
    --fw-regular: 400;
    --fw-medium:  500;
    --fw-semibold: 600;
    --fw-bold:    700;

    /* ===== 间距 ===== */
    --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
    --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
    --sp-12: 48px; --sp-16: 64px;

    /* ===== 圆角 ===== */
    --r-sm:   6px;
    --r:      8px;
    --r-md:   12px;
    --r-lg:   16px;
    --r-pill: 999px;

    /* ===== 阴影 ===== */
    --shadow-xs:   0 1px 2px rgba(20,40,80,.04);
    --shadow-sm:   0 2px 8px rgba(20,40,80,.04), 0 1px 2px rgba(20,40,80,.03);
    --shadow-md:   0 4px 16px rgba(20,40,80,.06), 0 2px 4px rgba(20,40,80,.03);
    --shadow-lg:   0 12px 40px rgba(20,40,80,.10);
    --shadow-card: 0 1px 3px rgba(20,40,80,.04);
    --shadow-focus: 0 0 0 3px rgba(64,128,255,.18);

    /* ===== 字体 ===== */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI",
                 "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei",
                 sans-serif;
    --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, "Cascadia Code", monospace;

    /* ===== 控件统一高度 ===== */
    --h-sm:   28px;
    --h-base: 36px;
    --h-lg:   44px;

    /* ===== Z-index 分层 ===== */
    --z-sidebar:  100;
    --z-topbar:   90;
    --z-dropdown: 500;
    --z-modal:    1000;
    --z-toast:    2000;

    /* ===== 过渡 ===== */
    --t-fast: .15s ease;
    --t-base: .2s ease;
}