/* Design tokens: DESIGN_SYSTEM.md §1–§3. The only file allowed to hold colour values.
   Launch ships the light theme; the dark values are defined but never switched on. */

:root {
  /* Colour (§1) */
  --paper-000: #f2e9d8;
  --paper-100: #fbf6ec;
  --paper-200: #ffffff;
  --ink: #221c17;
  --ink-muted: #6b5d4f;
  --ink-shadow: #221c17;
  --line: #e3d7c2;
  --line-strong: #8a7a66;
  --marigold: #f5a524;
  --on-marigold: #221c17;
  --marigold-ink: #8a4f00;
  --marigold-tint: #fde7b8;
  --peacock: #0e6b66;
  --on-peacock: #ffffff;
  --peacock-ink: #0b5e59;
  --peacock-tint: #d5efeb;
  --coral: #e4572e;
  --on-coral: #221c17;
  --danger: #a8172c;
  --on-danger: #ffffff;
  --danger-ink: #96132a;
  --danger-tint: #fbe1e4;
  --info: #5c4f42;
  --info-tint: #ebe3d6;
  --focus: var(--ink);
  --stage: #2a2420;
  --on-stage: #fbf6ec;

  /* Type (§2) */
  --font-display: "Baloo 2", "Mukta", system-ui, sans-serif;
  --font-body: "Mukta", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Spacing (§3) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Radius (§3) */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Borders and shadows (§3): hard and offset, never blurred */
  --border-ink: 1.5px solid var(--ink);
  --border-hair: 1px solid var(--line);
  --shadow-ink: 3px 3px 0 var(--ink-shadow);
  --shadow-ink-lg: 5px 5px 0 var(--ink-shadow);
  --shadow-none: none;

  /* Every still and video preview is 9:16 */
  --aspect-reel: 9 / 16;
}

:root[data-theme="dark"] {
  --paper-000: #13100d;
  --paper-100: #1a1613;
  --paper-200: #25201a;
  --ink: #f6efe3;
  --ink-muted: #b9ab98;
  --ink-shadow: #5a4a36;
  --line: #3a332b;
  --line-strong: #857767;
  --marigold: #f7b23b;
  --on-marigold: #221c17;
  --marigold-ink: #f7b23b;
  --marigold-tint: #4d3810;
  --peacock: #2a9d93;
  --on-peacock: #0b1f1d;
  --peacock-ink: #5cc7bc;
  --peacock-tint: #0f2f2c;
  --coral: #ff7a59;
  --on-coral: #221c17;
  --danger: #ff8fa3;
  --on-danger: #2a0a10;
  --danger-ink: #ff8fa3;
  --danger-tint: #3b141c;
  --info: #cfc2b0;
  --info-tint: #2e2822;
  --focus: var(--ink);
  --stage: #2a2420;
}