/* Astro Santa design system, Night theme (the only theme the site uses).
   Source: tokens.json of https://claude.ai/artifact/CYCmvmmH8qRT2HLFGatTgL. Change values there first.
   The diorama does not read these: it keeps its own night colours (design/DESIGN.md §2, rule 3). */
:root {
  color-scheme: dark;

  /* Sky and moonlight */
  --surface: #181f2b;
  --surface-raised: #222b3a;
  --surface-sunken: #11161f;
  --line: #30444e;
  --border-strong: #6a7984;
  --ink: #e7e7de;
  --ink-muted: #a9bcc7;

  /* Lantern: the one primary action */
  --lantern: #eeb669;
  --on-lantern: #181f2b;
  --lantern-ink: #eeb669;
  --lantern-soft: #3a3122;

  /* Cranberry: festive accents and errors */
  --cranberry: #ec6f79;
  --on-cranberry: #181f2b;
  --cranberry-soft: #3d1f26;

  /* Aurora: success and "delivered" */
  --aurora: #8fd1b4;
  --aurora-soft: #1d3530;

  /* Ice: links, neutral information, focus */
  --ice: #88a6bd;
  --ice-soft: #1c2a3a;

  /* Paper: the letter only */
  --paper: #f3e7cf;
  --on-paper: #2b2016;
  --paper-muted: #6e5a3c;
  --paper-line: #e3d2ad;

  --font-display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;
  --font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-pixel: "Press Start 2P", "Courier New", ui-monospace, monospace;
  --font-hand: "Patrick Hand", "Comic Sans MS", cursive;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px #0000005c;
  --shadow-md: 0 10px 24px -6px #00000080;
  --shadow-lg: 0 20px 48px -10px #000000a6;
  --glow: 0 0 0 1px #eeb66940, 0 6px 28px -4px #eeb66973;
  --focus-ring: 0 0 0 2px #181f2b, 0 0 0 4px #88a6bd;

  --opacity-disabled: 0.45;
}