/* Hallmark · design-system: taste-drafts/design.md § 官网「磷光」
 *
 * 这里**不再是客户端 token 的副本**。2026-08-16 老板从四稿里选了 C「磷光」：
 * 官网把图标那点青绿扶正成强调色，展示字体换成压扁的 Condensed，底色比应用更沉。
 * 应用里仍然是冷蓝，两边各用各的——理由与红线写在 design.md 那一节，改之前先读它。
 *
 * 共用的部分一点没动：4pt 尺度、动效尺度、1px 描边、「装饰色为零」这条铁律本身。
 */
:root {
  /* ── 色板（OKLCH）───────────────────────────────────────
     暗底、tinted 中性色（无纯黑纯白）。青绿只给交互，暖黄只给提醒；
     不出现渐变，不出现光晕——暗底上打光是最好认的 AI 味。
     对比度全部实算过（见下方注释里的比值，门槛：正文 4.5:1）。      */
  --color-paper:      oklch(15% 0.008 200);  /* 页面底色，近黑 */
  --color-paper-2:    oklch(20% 0.010 200);  /* 面板一级抬升 */
  --color-term:       oklch(11% 0.006 200);  /* 页眉/页脚，比 paper 更沉 */
  --color-ink:        oklch(95% 0.005 200);  /* 主文字        17.0:1 */
  --color-ink-2:      oklch(72% 0.008 200);  /* 次级文字       7.95:1 */
  --color-muted:      oklch(60% 0.010 200);  /* 弱化文字与标注 5.00:1 */
  --color-rule:       oklch(30% 0.012 200);  /* 分隔线与描边，恒 1px */
  --color-accent:     oklch(80% 0.145 168);  /* 唯一交互色：磷光青绿 11.2:1 */
  --color-accent-ink: oklch(16% 0.030 200);  /* 青绿底上的字   11.0:1 */
  --color-focus:      oklch(86% 0.140 168);  /* focus 环，比 accent 再亮一档 */
  --color-warn:       oklch(80% 0.110 75);   /* 语义暖黄：需要注意 10.4:1 */

  /* ── 字体 ──────────────────────────────────────────────
     受众全是 macOS 用户（应用只出 macOS 包），所以整套栈都取系统自带，
     一个网络字体都不引——你看到的就是别人看到的，不存在字体没下来的假象。 */
  --font-display: "Avenir Next Condensed", "Helvetica Neue Condensed Bold",
                  "PingFang SC", system-ui, sans-serif;
  --font-sans: "Avenir Next", "PingFang SC", system-ui, sans-serif;
  --font-mono: "SF Mono", Menlo, Consolas, "PingFang SC", monospace;

  /* ── 4pt 尺度（与应用同一套）── */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-6: 24px;  --space-8: 32px;  --space-12: 48px; --space-16: 64px;
  --space-24: 96px;

  /* ── 字号 ── */
  --text-xs: 12px;   --text-sm: 13px;   --text-base: 15px;
  --text-md: 16.5px; --text-lg: 21px;
  --text-display: clamp(34px, min(4.9vw, 10svh), 72px);

  /* ── 形状：官网的按钮是方角实心块，不假装是应用里那颗圆角按钮 ── */
  --radius-sq: 0;  --radius-frame: 8px;

  /* ── 动效：极简。≤150ms，opacity/transform only，无弹跳 ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 140ms;
}