/* shared/css/tokens.css — :root design tokens shared by all pages */
:root {
  --bg: #f7f5f0;
  --surface: #ffffff;
  --surface-2: #f0ede6;
  --border: #e2ddd5;
  --text: #1a1714;
  --text-2: #5a534a;
  --text-3: #9a8f83;
  --accent: #2563a8;
  --accent-light: #dbeafe;
  --correct: #166534;
  --correct-bg: #dcfce7;
  --correct-ring: #4ade80;
  --wrong: #991b1b;
  --wrong-bg: #fee2e2;
  --wrong-ring: #f87171;
  --hint: #92400e;
  --hint-bg: #fef3c7;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 4px 16px rgba(0, 0, 0, .06);
  --shadow-lg: 0 4px 6px rgba(0, 0, 0, .07), 0 12px 32px rgba(0, 0, 0, .1);
  --font-serif: 'Crimson Pro', Georgia, serif;
  --font-sans: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'DM Mono', monospace;
  --transition: 200ms cubic-bezier(.4, 0, .2, 1);
  --c-light: #fff;
  --c-dark: #000;
  --saturation: 150%;
}