/**
 * Design tokens per PLAN.md section 7.10.
 * Saffron, maroon, gold, cream palette.
 * Gold is decoration only — never small text.
 */
:root {
  /* Light theme */
  --bg: #fff6e5;
  --paper: #fffcf5;
  --text: #3b2417;
  --muted: #6b4a3a;
  --primary: #c85f00; /* saffron */
  --accent: #7a1f2b; /* maroon */
  --gold: #c9962b;

  /* Typography */
  --font-heading: 'Noto Serif Devanagari', 'Noto Sans Devanagari', 'Mangal', serif;
  --font-body: 'Noto Sans Devanagari', 'Mangal', sans-serif;
  --font-title: 'Lora', serif;
  --font-ui: 'Inter', 'Noto Sans Devanagari', 'Mangal', sans-serif;

  /* Spacing scale */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;

  /* Radius */
  --radius: 14px;

  /* Motion */
  --motion: 200ms;

  /* Reader text sizes */
  --text-size-mobile: 20px;
  --text-size-desktop: 22px;
  --line-height: 1.8;
}

/* Sepia theme */
[data-theme='sepia'] {
  --bg: #f4e8cf;
  --paper: #fbf1dc;
  --text: #3b2a1a;
  --muted: #6b5640;
  --primary: #c85f00;
  --accent: #7a1f2b;
  --gold: #b8862a;
}

/* Night theme */
[data-theme='night'] {
  --bg: #1c0f12;
  --paper: #2a1a1e;
  --text: #f3e3c7;
  --muted: #cdb89a;
  --primary: #ff9a3d;
  --accent: #e8a0a8;
  --gold: #d9a83c;
}

/* Automatic theme respects prefers-color-scheme */
@media (prefers-color-scheme: dark) {
  [data-theme='auto'] {
    --bg: #1c0f12;
    --paper: #2a1a1e;
    --text: #f3e3c7;
    --muted: #cdb89a;
    --primary: #ff9a3d;
    --accent: #e8a0a8;
    --gold: #d9a83c;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion: 0ms;
  }
}