/* tokens.css — 「批改编辑部」设计系统 · 商务英语陪跑版（深青强调色）
   所有颜色与字体都只在这里定义；页面 CSS 一律引用 token。 */
:root {
  --color-paper:       oklch(96.5% 0.014 88);
  --color-paper-2:     oklch(92.8% 0.018 86);
  --color-card:        oklch(98.6% 0.009 90);
  --color-ink:         oklch(21% 0.018 55);
  --color-ink-2:       oklch(43% 0.018 58);
  --color-ink-3:       oklch(58% 0.015 62);
  --color-rule:        oklch(82% 0.018 82);
  --color-rule-strong: oklch(68% 0.022 72);
  --color-accent:      oklch(45% 0.09 205);
  --color-accent-deep: oklch(37% 0.075 205);
  --color-accent-ink:  oklch(98% 0.01 90);
  --color-accent-soft: oklch(93.5% 0.025 205);
  --color-focus:       oklch(36% 0.09 205);

  --color-rail:        oklch(19% 0.022 53);
  --color-rail-ink:    oklch(94% 0.014 88);
  --color-rail-muted:  oklch(72% 0.018 78);
  --color-neutral-soft:oklch(91.5% 0.016 86);
  --color-ok:          oklch(43% 0.105 151);
  --color-ok-soft:     oklch(93.5% 0.032 151);
  --color-ok-ink:      oklch(32% 0.085 151);
  --color-warn:        oklch(50% 0.12 72);
  --color-warn-soft:   oklch(94% 0.038 76);
  --color-warn-ink:    oklch(35% 0.09 67);
  --color-err:         oklch(46% 0.17 27);
  --color-err-soft:    oklch(94% 0.035 27);
  --color-err-ink:     oklch(35% 0.14 27);

  --font-display: "Iowan Old Style", "Baskerville", "Songti SC", "STSong", "Noto Serif CJK SC", serif;
  --font-body: "Avenir Next", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-mono: "SFMono-Regular", "SF Mono", "JetBrains Mono", Menlo, monospace;

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --text-xs: 0.75rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-3xl: 3.0518rem;
  --text-display: clamp(3.25rem, 5.6vw, 5.25rem);

  --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: 200ms;
  --dur-long: 420ms;

  --rule-hair: 1px;
  --radius-card: 0.75rem;
  --radius-input: 0.375rem;
  --radius-pill: 999px;
  --rail-width: 17rem;
  --content-width: 74rem;
  --shadow-card: 0 1px 2px oklch(21% 0.018 55 / 0.06);

  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-sticky-nav: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
}