/* WYDM blog design tokens — GENERATED by infra/scripts/sync-tokens.mjs. Do not edit.
 * Source of truth: src/shared/tokens.json (Cheeky Warm, light + dark).
 */
:root {
  --bg: #F7F1E8;
  --bg-2: #FBF5EC;
  --surface: #FFFFFF;
  --surface-2: #F2EADF;
  --ink: #2B1D14;
  --ink-2: #574636;
  --ink-3: #8B7563;
  --ink-4: #B9A691;
  --line: rgba(43, 29, 20, 0.08);
  --line-strong: rgba(43, 29, 20, 0.14);
  --coral: #E86A4C;
  --coral-soft: #F2C9A8;
  --coral-ink: #A63F24;
  --chip: rgba(43, 29, 20, 0.06);
  --shadow-card: 0 1px 2px rgba(43,29,20,0.04), 0 8px 28px rgba(43,29,20,0.06);
  --shadow-lift: 0 2px 6px rgba(43,29,20,0.06), 0 18px 44px rgba(43,29,20,0.12);
  --shadow-coral-glow: 0 8px 20px rgba(232,106,76,0.3);
  --font-display: 'Fraunces', Georgia, serif;
  --font-ui: 'Geist', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-hand: 'Caveat', cursive;
  --radius-card: 22px;
  --radius-xl: 28px;
  --radius-pill: 100px;
  --radius-photo: 20px;
  --radius-sheet: 28px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --space-none: 0px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 48px;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #17110C;
    --bg-2: #1E1711;
    --surface: #261C14;
    --surface-2: #30241A;
    --ink: #F6EDDF;
    --ink-2: #D7C8B4;
    --ink-3: #9A8672;
    --ink-4: #65564A;
    --line: rgba(246, 237, 223, 0.09);
    --line-strong: rgba(246, 237, 223, 0.16);
    --coral: #F07A5C;
    --coral-soft: #4C2B20;
    --coral-ink: #FFC8B3;
    --chip: rgba(246, 237, 223, 0.06);
    --shadow-card: 0 1px 2px rgba(0,0,0,0.3), 0 8px 28px rgba(0,0,0,0.4);
    --shadow-lift: 0 2px 6px rgba(0,0,0,0.4), 0 18px 44px rgba(0,0,0,0.5);
    --shadow-coral-glow: 0 8px 20px rgba(240,122,92,0.34);
  }
}