/* ============================================================
   tokens.css — 设计令牌（唯一色值/尺寸真源）
   ============================================================
   值取自设计稿 design_handoff_edu_crm/教务管理系统 v2.dc.html 的令牌表。
   本文件只含 :root 变量声明，不含任何选择器规则——这样后续引入 Vite 时
   可以被前端工程直接 import，无需从 styles.css 里再抠一遍。

   ⚠️ 改色只改这里。styles.css / mobile.css / auth.css 里不要再写字面色值。
   调色板基准：Tailwind 默认色阶（blue-500 / emerald-600 / red-600 /
   amber-600 / slate-50~900），与设计稿一致。
   ============================================================ */

:root {
  /* ---- 表面 ---- */
  --bg: #f8fafc;                      /* 页面底色 */
  --surface: #ffffff;                 /* 卡片底 */
  --surface-2: #f8fafc;               /* 最浅底（表头、斑马纹、行 hover） */
  --surface-3: #f1f5f9;               /* 更浅底（次级按钮 hover、分段控件槽） */

  /* ---- 文字（设计稿四档，勿合并） ---- */
  --text: #0f172a;                    /* 主 */
  --text-2: #475569;                  /* 次 */
  --text-3: #64748b;                  /* 弱 */
  --text-4: #94a3b8;                  /* 极弱（辅助说明、占位符） */

  /* ---- 分隔线 ---- */
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  /* 设计稿的卡片描边比 --border 更浅一档（实测 #f1f5f9），别混用 */
  --card-border: #f1f5f9;
  --kpi-accent-border: rgba(60, 131, 246, .25);

  /* ---- 深色面 ----
     设计稿没有深色面规范；toast / 登录左栏 / 手机 hero 需要一个深底，
     故取 slate-900/800/700 与新色系同源，不再用原先的中性黑。 */
  --ink: #0f172a;
  --ink-2: #1e293b;
  --ink-3: #334155;
  --ink-text: #94a3b8;
  --ink-text-dim: #64748b;
  --ink-active: #ffffff;

  /* ---- 主色 ---- */
  --primary: #3c83f6;
  --primary-hover: #2f6fd8;
  --primary-soft: rgba(60, 131, 246, .08);    /* 浅底：选中态、徽章、图标底（令牌表与原型实测均为 .08，勿改成 .1） */
  --primary-soft-2: rgba(60, 131, 246, .35);  /* 描边 */
  --primary-strong: #1d4ed8;                  /* 蓝底上的深蓝字（智能识别标题、蓝色徽章文字） */
  --primary-ring: rgba(60, 131, 246, .35);    /* 焦点环（勿用 --primary-soft，太淡看不见） */
  /* 侧栏选中底色，设计稿这里是 .1，比按钮浅底的 .08 深一档——实测如此，别合并成一个令牌 */
  --nav-active-bg: rgba(60, 131, 246, .10);

  /* ---- 深色按钮 ---- */
  --btn-ink: #0f172a;
  --btn-ink-hover: #1e293b;

  /* ---- 语义色 ---- */
  --green: #059669;   --green-soft: #d1fae5;  --green-strong: #047857;  /* 成功 / 利润 */
  --red: #dc2626;     --red-soft: #fee2e2;    --red-strong: #b91c1c;    /* 危险 / 退费 */
  --amber: #d97706;   --amber-soft: #fef3c7;  --amber-strong: #b45309;  /* 警示 / 待办 */
  --teal: #0e7490;    --teal-soft: #cffafe;
  --violet: #7c3aed;  --violet-soft: #ede9fe;

  /* ---- 图表色板 ---- */
  --c1: #3c83f6;
  --c2: #0e7490;
  --c3: #d97706;
  --c4: #7c3aed;
  --c5: #db2777;
  --c6: #059669;

  /* ---- 圆角（设计稿：卡片 12 / 按钮与输入框 8 / pill 9999） ---- */
  --r-xs: 6px;
  --r-sm: 8px;
  --r: 10px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* ---- 阴影（设计稿：卡片 0 1px 2px rgba(15,23,42,.04)；弹窗 0 24px 60px rgba(15,23,42,.18)） ---- */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, .03);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);
  --shadow-md: 0 2px 4px rgba(15, 23, 42, .05), 0 6px 14px -4px rgba(15, 23, 42, .07);
  --shadow-lg: 0 8px 24px -6px rgba(15, 23, 42, .11);
  --shadow-xl: 0 24px 60px rgba(15, 23, 42, .18);

  /* ---- 布局 ---- */
  --sidebar-w: 244px;
  --topbar-h: 64px;
  --page-pad: 28px;
  --row-h: 44px;

  /* ---- 字体 ----
     设计稿主字体 Inter（已本地化 vendor/fonts/inter）；中文落 HarmonyOS Sans SC
     （unicode-range 切片，按需下载）。Inter 自带 tnum，金额列等宽不再需要换字体。 */
  --font: 'Inter', 'HarmonyOS Sans SC', -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
}