/* Hallmark tokens · MCN 工作台 · SOP 管理
 * genre: playful (soft school) · theme: brand-blue anchor（源自 参考风格.png）
 * 页面 CSS 只引用本文件的命名 token，不写内联色值。
 */
:root {
  /* ---- colour (OKLCH) ---- */
  --color-paper:       oklch(96.8% 0.012 245);
  --color-paper-2:     oklch(94.2% 0.018 248);
  --color-card:        oklch(100% 0 0);
  --color-ink:         oklch(28% 0.030 258);
  --color-ink-2:       oklch(42% 0.028 258);
  --color-muted:       oklch(56% 0.022 255);
  --color-faint:       oklch(70% 0.018 252);
  --color-rule:        oklch(90.5% 0.012 248);
  --color-accent:      oklch(55% 0.165 262);
  --color-accent-deep: oklch(46% 0.155 262);
  --color-accent-soft: oklch(94.5% 0.028 258);
  --color-accent-line: oklch(84% 0.045 258);
  --color-focus:       oklch(55% 0.165 262);
  --color-ok:          oklch(52% 0.11 165);
  --color-ok-soft:     oklch(94% 0.03 165);
  --color-warn:        oklch(62% 0.13 65);
  --color-warn-soft:   oklch(95% 0.035 85);
  --color-bad:         oklch(55% 0.16 25);
  --color-bad-soft:    oklch(94.5% 0.03 25);
  --color-custom:      oklch(52% 0.13 300);
  --color-custom-soft: oklch(94.5% 0.028 300);

  /* ---- typography ---- */
  --font-display: "Plus Jakarta Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body:    "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --text-xs: 0.72rem; --text-sm: 0.82rem; --text-base: 0.94rem;
  --text-md: 1.12rem; --text-lg: 1.4rem; --text-xl: 1.75rem;

  /* ---- spacing (4pt) ---- */
  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem;
  --space-sm:  1rem;    --space-md: 1.5rem;  --space-lg: 2rem;
  --space-xl:  3rem;

  /* ---- radius ---- */
  --radius-card: 12px; --radius-input: 8px; --radius-pill: 999px;

  /* ---- motion ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 420ms;

  /* ---- shadow ---- */
  --shadow-card: 0 8px 24px -10px oklch(55% 0.10 260 / 0.25);
  --shadow-lift: 0 14px 32px -12px oklch(55% 0.12 260 / 0.32);
}