/* ============================================================================
   pulse 设计 token（PRD-0004 §3.4 / DEC-0007）
   五类齐备：颜色 --color-* / 字号 --font-size-* / 间距 --space-* /
             圆角 --radius-* / 时长 --duration-*
   硬约束：
     · 所有 --space-* 与 --radius-* 的值必须是 4 的倍数（--radius-pill 例外：胶囊 999px）；
     · 字号 ≤ 7 档，正文 ≥ 16px，最小档 12px 且只用于标注，最大档 ≤ 48px；
     · --duration-* 全部落在 40–600ms（交互反馈时长）；≥20s 的「呼吸」周期另走
       --motion-*（不属于 --duration-* 家族，见下方注释）；
     · 颜色成对声明前景/背景，便于判据脚本按 WCAG 2.x 计算对比度。
   视觉方向：夜色水波 / 呼吸灯塔 —— 深青墨底 + 单一高饱和薄荷主色 + 暖琥珀「命中」反馈。
   ============================================================================ */
:root {
  /* ---------- 颜色：底 / 面 ---------- */
  --color-bg: #0B1512;            /* 深青墨底（主背景，所有对比度的基准底） */
  --color-bg-deep: #070F0D;       /* 更深的底（用于背景渐变的边缘） */
  --color-surface: #101E1A;       /* 卡片 / 面板底色 */
  --color-surface-raised: #16281F;/* 选中态卡片 / 抬升面 */

  /* ---------- 颜色：文字（前景 on --color-bg / --color-surface） ---------- */
  --color-text: #EAF6F0;          /* 正文：on --color-bg ≈ 16.7:1 */
  --color-text-dim: #A8C4B7;      /* 次要文字：on --color-bg ≈ 9.9:1（仍 ≥ 4.5:1，可用作正文） */

  /* ---------- 颜色：线与边界 ---------- */
  --color-line: #46775F;          /* 1px 描边 / 控件边界：on --color-bg ≈ 3.6:1 */
  --color-accent-weak: #3E7A62;   /* 次级强调描边（hover）：on --color-bg ≈ 3.7:1 */

  /* ---------- 颜色：主色与语义色 ---------- */
  --color-accent: #5FE3B4;        /* 薄荷主色：on --color-bg ≈ 11.62:1 */
  --color-accent-ink: #0B1512;    /* 主色按钮上的文字：并进 --color-bg 一系（同值）；on --color-accent ≈ 11.62:1 */
  --color-hit: #FFC773;           /* 暖琥珀：命中/临近结束的瞬时反馈 */
  --color-warn: #F0A06A;          /* 警示（末段计时） */
  --color-focus: #5FE3B4;         /* 焦点环：并进 --color-accent（同值；--color-focus 名字保留，A11 按名取 token）；on --color-bg ≈ 11.62:1 */

  /* ---------- 字号（6 档 ≤ 7；12 只用于标注） ---------- */
  --font-size-xs: 12px;   /* 仅标注：k 标签、页脚、卡片时长 */
  --font-size-md: 16px;   /* 正文 / 按钮文字（下界 = 16px） */
  --font-size-lg: 20px;   /* 卡片模式名、主按钮 */
  --font-size-xl: 24px;   /* 小标题、HUD 读数 */
  --font-size-2xl: 32px;  /* 读数区数字 */
  --font-size-3xl: 44px;  /* 产品名 / 单局得分（≤ 48px 上界） */

  /* ---------- 间距（全部是 4 的倍数；styles.css 只允许走这些 token） ---------- */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;

  /* ---------- 圆角（4 的倍数；胶囊形 999px 是显式白名单） ---------- */
  --radius-sm: 4px;    /* 卡片：1px 描边 + 4px 圆角（PRD §3.4 的扁平风格） */
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* ---------- 时长（交互反馈；全部 40–600ms） ---------- */
  --duration-tick: 60ms;   /* 极短提示 */
  --duration-fast: 120ms;  /* hover / 按压 */
  --duration-base: 240ms;  /* 命中放大、漏过暗淡 */
  --duration-slow: 480ms;  /* 屏切换淡入 */

  /* ---------- 环境动效周期（**不属于** --duration-* 家族：PRD 要求背景呼吸 ≥ 20s，
       而 --duration-* 被限定在 40–600ms，故单列 --motion-*，避免与交互时长契约冲突） ---------- */
  --motion-breath: 26s;    /* 背景呼吸渐变周期（极慢、幅度极小） */
  --motion-sweep: 34s;     /* 中景刻度盘扫掠周期 */
}