/* ============================================================
   艾迪升 VI 令牌层 · vi/tokens.css
   ------------------------------------------------------------
   用途：公司所有系统的唯一颜色/字号/间距来源。
   规则：页面里禁止写色值字面量，只能引用 var(--vi-*)。
   数据来源：NAS 公司vi 源文件像素实测（见 brand/BRAND.md）
     - 深底  #3D3837  ← 品牌手册封面四角实测（1819×1235 全部同色）
     - 主色  #ECA830  ← 横版标志 156 万像素中 99.3%
     - 亮金  #F6BA13  ← 手册大标题/高亮块实测高频色
   对比度（WCAG 2.x，实测见 scripts/check_contrast.py）：
     #ECA830 上放 #3D3837 约 6.3:1  → 主按钮成立（金色底 + 深墨字）
     #A36200 在白底约 4.9:1        → 链接/正文强调成立
     #ECA830 在白底约 2.1:1        → 只能做色块/图标，禁止承载文字
   ============================================================ */

:root {
  /* —— 品牌 —— */
  --vi-gold: #ECA830;          /* 主色：色块、图标、主按钮底 */
  --vi-gold-bright: #F6BA13;   /* 亮金：强调数字、进度、暗底标题点缀 */
  --vi-gold-deep: #A36200;     /* 深金：白底文字/链接（唯一可承载文字的金） */
  --vi-gold-wash: #FDF3E3;     /* 浅金：选中行、标签底 */
  --vi-gold-line: #EFD9B4;     /* 金色描边 */

  /* —— 深底 —— */
  --vi-ink: #3D3837;           /* 深炭：侧栏、暗色横幅、主文字 */
  --vi-ink-2: #5A514D;         /* 次级深底（hover / 分带） */
  --vi-on-ink: #F5F1EE;        /* 深底上的正文 */
  --vi-on-ink-dim: #B3A9A3;    /* 深底上的次要文字 */

  /* —— 浅底与文字 —— */
  --vi-surface: #FFFFFF;
  --vi-surface-2: #FAF7F4;     /* 暖白：页面底色，比纯白不刺眼 */
  --vi-surface-3: #F2EDE8;     /* 表头 / 分组底 */
  --vi-text: #2B2725;
  --vi-text-2: #6B625D;        /* 次要文字（白底 5.9:1） */
  --vi-text-3: #948A84;        /* 占位/辅助（不用于正文） */
  --vi-line: #E5DED8;          /* 发丝线：VI 的分隔靠细线+留白，不靠阴影 */
  --vi-line-strong: #D2C9C2;

  /* —— 语义（只做小面积状态，不抢主色） —— */
  --vi-ok: #2F7A50;
  --vi-warn: #B26B00;
  --vi-danger: #B3352B;
  --vi-ok-wash: #EAF4EE;
  --vi-warn-wash: #FCF1E0;
  --vi-danger-wash: #FBEBE9;

  /* —— 字体 —— */
  --vi-font: "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei",
             -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --vi-font-num: "DIN Alternate", "Bahnschrift", "Segoe UI", var(--vi-font);
  --vi-font-mono: "Cascadia Mono", "Consolas", monospace;

  --vi-fs-display: 34px;   /* 页面主标题 */
  --vi-fs-h1: 26px;
  --vi-fs-h2: 20px;
  --vi-fs-h3: 16px;
  --vi-fs-body: 14px;
  --vi-fs-sm: 13px;
  --vi-fs-xs: 12px;
  --vi-fs-eyebrow: 11px;   /* 英文小标：大写 + 字距 .18em */

  --vi-lh-tight: 1.25;
  --vi-lh-body: 1.65;      /* 中文正文偏松，手册同理 */

  /* —— 形状：VI 偏方正克制，圆角只用在按钮/标签 —— */
  --vi-r-sm: 4px;
  --vi-r: 6px;
  --vi-r-pill: 999px;
  --vi-shadow-1: 0 1px 2px rgba(61, 56, 55, .06);
  --vi-shadow-2: 0 8px 24px rgba(61, 56, 55, .10);

  /* —— 间距（4 的倍数） —— */
  --vi-s1: 4px;  --vi-s2: 8px;  --vi-s3: 12px; --vi-s4: 16px;
  --vi-s5: 20px; --vi-s6: 24px; --vi-s8: 32px; --vi-s10: 40px;
  --vi-s12: 48px; --vi-s16: 64px;

  /* —— 结构尺寸 —— */
  --vi-sidebar-w: 236px;
  --vi-topbar-h: 64px;
  --vi-content-max: 1360px;

  /* —— VI 渐变（只用于暗底品牌区，不做大面积背景） —— */
  --vi-gold-gradient: linear-gradient(135deg, #F6BA13 0%, #ECA830 45%, #C98A22 100%);
}