/* 爱开口英语官网 · 视觉契约 tokens，与 ui/brand-spec.md 保持一致。 */
:root {
  --bg: oklch(98.4% 0.012 162.3);
  --surface: oklch(100% 0 0);
  --fg: oklch(28.5% 0.028 162.3);
  --muted: oklch(47.5% 0.028 162.3);
  --border: oklch(92.4% 0.018 162.3);
  --accent: oklch(69.65% 0.148 162.27); /* #17B981 */
  --on-accent: oklch(100% 0 0);
  --link: oklch(43.4% 0.081 162.27);
  --accent-press: color-mix(in oklch, var(--accent), var(--fg) 14%);
  --accent-ink: oklch(36% 0.09 162.27);
  --accent-soft: color-mix(in oklch, var(--accent) 18%, transparent);
  --bg-bottom: oklch(95.2% 0.014 162.3);
  --slate: oklch(97% 0.01 162.3);

  --cefr-a1: oklch(59.6% 0.127 163.23);
  --cefr-a2: oklch(62% 0.17 260);
  --cefr-b1: oklch(66.58% 0.157 58.32);

  --font-display: "Iowan Old Style", "Charter", Georgia, serif;
  --font-body: "Roboto", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  --radius-card: 18px;
  --radius-cta: 24px;
  --radius-chip: 10px;
  --tap: 44px;
  --nav-h: 64px;
  --max: 1120px;
}