/* DESIGN.md / spec.yaml → design.tokens. No values outside this set. */
:root {
  --bg: #fff8f1;
  --surface: #ffffff;
  --text: #1c1a24;
  --muted: #6f6a78;
  --primary: #ff6b4a;
  --accent: #5b4bff;
  --success: #1fa971;
  --danger: #d93a3a;
  --line: #ede6de;

  --event-coral: #ff6b4a;
  --event-tangerine: #ff9f1c;
  --event-sun: #f5c400;
  --event-mint: #2bb673;
  --event-sky: #2e9bff;
  --event-violet: #6c5ce7;
  --event-berry: #e84393;
  --event-ink: #2d3142;
  --event-sun-ink: #2d3142;

  --fs-caption: 12px;
  --fs-body: 16px;
  --fs-headline: 20px;
  --fs-title: 28px;
  --fs-display: 64px;

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

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --font: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", Nunito, system-ui, sans-serif;
  --weight-body: 600;
  --weight-label: 800;
  --weight-title: 900;

  --cta-bg: #000000;
  --cta-fg: #ffffff;
  --widget-midnight: #1c1a24;
  --widget-on-color: #ffffff;
  --widget-radius: 22px;
  --widget-small: 158px;
  --widget-medium-w: 338px;
  --widget-large-h: 354px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121016;
    --surface: #1e1b24;
    --text: #f6f2ee;
    --muted: #a49dad;
    --primary: #ff7e61;
    --accent: #8c80ff;
    --success: #3ccb8c;
    --danger: #ff6464;
    --line: #2c2833;
  }
}