/**
 * Cozy Cardstock Design Tokens
 * Auto-generated by scripts/build-tokens.mjs — do not edit directly.
 * Source: scripts/tokens.config.mjs (mirrors docs/design-tokens.md)
 */

:root {

  /* Color — Surface */
  --color-canvas: #F8EFE0;
  --color-surface: #FFFFFF;
  --color-surface-tinted: #FBF6EC;
  --color-surface-deep: #F1E6CF;
  --color-felt: #2F7A65;
  --color-felt-deep: #234D43;

  /* Color — Ink */
  --color-ink-primary: #3A2D22;
  --color-ink-secondary: #7A6A5A;
  --color-ink-tertiary: #A89B8A;
  --color-ink-on-coral: #FFFFFF;
  --color-ink-on-forest: #FFFFFF;
  --color-ink-on-amber: #3A2D22;

  /* Color — Border */
  --color-border: #E8D9C0;
  --color-border-subtle: #F1E6CF;
  --color-border-strong: #C9B796;

  /* Color — Brand & Accent */
  --color-coral: #D8694C;
  --color-coral-deep: #B14E33;
  --color-forest: #2F7A65;
  --color-forest-deep: #234D43;
  --color-amber: #C28547;
  --color-amber-deep: #9A6831;

  /* Color — Semantic */
  --color-success: #2F7A65;
  --color-warning: #C28547;
  --color-danger: #B14E33;
  --color-info: #7A6A5A;
  --color-strike: #B14E33;

  /* Color — Poker Suits */
  --color-suit-red: #B14E33;
  --color-suit-dark: #3A2D22;

  /* Typography */
  --font-serif: 'Source Serif Pro', 'Georgia', serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Border Radius */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --duration-quick: 120ms;
  --duration-medium: 220ms;
  --duration-slow: 380ms;

  /* ── Confetti Design System ──────────────────────────────────────────────── */
  /* Active visual direction — all new UI uses --c-* tokens.                   */

  /* Color */
  --c-bg: #fff6e8;
  --c-bg-deep: #fef0d8;
  --c-ink: #171314;
  --c-ink-soft: #4a3f3d;
  --c-pink: #ff3d8a;
  --c-blue: #3b6dff;
  --c-yellow: #ffce2b;
  --c-mint: #37d29d;
  --c-lilac: #a98cff;

  /* Typography */
  --font-confetti-display: 'Caprasimo', system-ui, sans-serif;
  --font-confetti-body: 'Outfit', system-ui, sans-serif;
}

/* Respect prefers-reduced-motion: replace transforms with instant fades */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-quick:  0ms;
    --duration-medium: 0ms;
    --duration-slow:   0ms;
  }
}