/*
 * tokens.css — 设计 Token（全站唯一值源，1:1 对应 docs/design.md §4–§6）
 *
 * 页面/组件禁止出现裸色值、裸字号；一律引用下列变量。
 */

:root {
    /* ===== 4.1 主色（科技通信蓝） ===== */
    --c-primary:        #2563EB;
    --c-primary-hover:  #1D4ED8;
    --c-primary-active: #1E40AF;
    --c-primary-subtle: #EFF6FF;
    --c-primary-ring:   rgba(37, 99, 235, .25);
    --c-on-primary:     #FFFFFF;

    /* ===== 4.2 语义色 ===== */
    --c-success:        #16A34A;
    --c-warning:        #F59E0B;
    --c-danger:         #EF4444;
    --c-danger-hover:   #DC2626;
    --c-info:           #0EA5E9;
    --c-success-subtle: #F0FDF4;
    --c-success-border: #BBF7D0;
    --c-warning-subtle: #FFFBEB;
    --c-warning-border: #FDE68A;
    --c-danger-subtle:  #FEF2F2;
    --c-danger-border:  #FECACA;
    --c-info-subtle:    #F0F9FF;
    --c-info-border:    #BAE6FD;

    /* ===== 4.3 中性层级（slate 系） ===== */
    --c-bg:            #F8FAFC;
    --c-surface:       #FFFFFF;
    --c-input:         #F1F5F9;
    --c-hover:         #F1F5F9;
    --c-border:        #E2E8F0;
    --c-border-strong: #CBD5E1;
    --c-text-1:        #0F172A;
    --c-text-2:        #475569;
    --c-text-3:        #94A3B8;
    --c-disabled:      #CBD5E1;
    --c-phone-bezel:   #1A1A1A;

    /* ===== 5.1 字体 ===== */
    --font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
                 "PingFang SC", "Microsoft YaHei", "HarmonyOS Sans", Roboto, Arial, sans-serif;
    --font-mono: "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, "Courier New", monospace;

    /* ===== 5.2 字阶 ===== */
    --fs-title-lg: 22px;
    --fs-title:    18px;
    --fs-subtitle: 16px;
    --fs-body:     14px;
    --fs-body-sm:  13px;
    --fs-caption:  12px;
    --fs-micro:    11px;

    /* ===== 6.1 间距 ===== */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-7: 32px;

    /* ===== 6.2 圆角 ===== */
    --radius-btn:   8px;
    --radius-input: 10px;
    --radius-card:  12px;
    --radius-panel: 16px;
    --radius-pill:  999px;
    --radius-phone: 44px;

    /* ===== 6.3 阴影 ===== */
    --shadow-sm:   0 1px 2px rgba(15, 23, 42, .06);
    --shadow-md:   0 4px 16px rgba(15, 23, 42, .08);
    --shadow-lg:   0 12px 32px rgba(15, 23, 42, .14);
    --shadow-phone: 0 25px 50px -12px rgba(15, 23, 42, .30);

    /* ===== 6.4 层级 & 动效 ===== */
    --z-sticky: 10;
    --z-drawer: 40;
    --z-modal:  50;
    --z-toast:  100;
    --duration: 160ms;
    --duration-slow: 280ms;
}