/* ============================================================
   tokens.css — 语能 · 英语能力进阶系统 MVP 前端设计令牌
   主题：浅暖底（明快） + 深墨「教师透视台」暗区，单一信号橙红强调色
   ============================================================ */

:root {
  /* —— 浅色基底（学生端 / 公共区） —— */
  --color-bg: #F6F4EF;          /* 暖近白，避免纯 #fff */
  --color-surface: #FFFFFF;
  --color-surface-2: #EFEBE3;   /* 次级面板 */
  --color-ink: #16120D;         /* 深暖墨色，标题/重点 */
  --color-text: #2A2520;        /* 正文 */
  --color-muted: #6E665B;       /* 次要文字 */
  --color-border: rgba(22, 18, 13, 0.12);
  --color-border-strong: rgba(22, 18, 13, 0.22);

  /* —— 暗色基底（教师端透视台） —— */
  --color-dark-bg: #14110E;
  --color-dark-surface: #1E1A15;
  --color-dark-surface-2: #262019;
  --color-dark-text: #F4EFE7;
  --color-dark-muted: #A79E92;
  --color-dark-border: rgba(244, 239, 231, 0.14);

  /* —— 强调色：信号橙红（只留给关键动作 / 薄弱点） —— */
  --color-accent: #FF4D1C;
  --color-accent-ink: #C8360A;   /* 深一档，用于浅底上的强调文字 */
  --color-accent-soft: rgba(255, 77, 28, 0.12);
  --color-good: #2E8B6F;         /* 掌握度良好（仅暗区示意） */
  --color-warn: #E0A21A;         /* 中等 */

  /* —— 字体 —— */
  --font-display: "Noto Serif SC", "Songti SC", serif;   /* 展示字：权威 / 编辑感 */
  --font-tech: "Bebas Neue", "Archivo", sans-serif;       /* 标签 / 数字：压缩数据感 */
  --font-body: "Noto Sans SC", "Archivo", -apple-system, sans-serif;

  /* —— 字阶（模块化） —— */
  --fs-eyebrow: 0.82rem;
  --fs-small: 0.95rem;
  --fs-body: 1.06rem;
  --fs-lead: 1.25rem;
  --fs-h3: clamp(1.4rem, 2.4vw, 1.7rem);
  --fs-h2: clamp(2rem, 4.6vw, 3.2rem);
  --fs-hero: clamp(2.9rem, 8.2vw, 6rem);
  --fs-stat: clamp(3.2rem, 9vw, 6.5rem);

  /* —— 间距（4 / 8 / 16 / 24 / 40 / 64 / 96） —— */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 140px;

  /* —— 圆角 —— */
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-xl: 32px;

  /* —— 阴影（三级，带暖环境色） —— */
  --shadow-1: 0 2px 8px rgba(22, 18, 13, 0.10);
  --shadow-2: 0 8px 28px rgba(22, 18, 13, 0.14);
  --shadow-3: 0 24px 64px rgba(22, 18, 13, 0.18);
  --shadow-accent: 0 12px 36px rgba(255, 77, 28, 0.28);

  /* —— 动效 —— */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 360ms;
  --dur-slow: 720ms;

  /* —— 布局 —— */
  --maxw: 1200px;
  --nav-h: 72px;
}