/* Gumdrop design tokens. Day is the default; Night follows the OS unless the
   page sets data-theme. Cards and fills are identical in both themes: only the
   ground and the text sitting straight on it change.
   Fonts (Bricolage Grotesque, Space Grotesk, both SIL OFL) are bundled in ./fonts. */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("fonts/bricolage-latin.woff2") format("woff2");
  font-weight: 400 800; font-stretch: 75% 100%; font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("fonts/spacegrotesk-latin.woff2") format("woff2");
  font-weight: 300 700; font-display: swap;
}

:root, [data-theme="light"] {
  --ground: #f3effd; --ground-deep: #e0d4fb;
  --surface: #f5ffcf; --surface-white: #fefbff;
  --ink: #0a0030; --ink-muted: #5a4c82;
  --text: #24085c; --text-muted: #5a4c82;
  --lime: #cfff00; --yellow: #ffd000; --orange: #e0632b; --teal: #3daab8; --violet: #9457eb;
  --focus: #9457eb;
  --shadow-pop: 4px 4px 0 #0a0030;
  --shadow-pop-lg: 6px 6px 0 #0a0030;
  --shadow-soft: 0 12px 32px #24085c33;
  color-scheme: light;
}
[data-theme="dark"] {
  --ground: #120637; --ground-deep: #1f1060;
  --text: #f3effd; --text-muted: #cbbff2;
  --shadow-pop: 4px 4px 0 #9457eb;
  --shadow-pop-lg: 6px 6px 0 #9457eb;
  --shadow-soft: 0 12px 32px #00000066;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #120637; --ground-deep: #1f1060;
    --text: #f3effd; --text-muted: #cbbff2;
    --shadow-pop: 4px 4px 0 #9457eb;
    --shadow-pop-lg: 6px 6px 0 #9457eb;
    --shadow-soft: 0 12px 32px #00000066;
    color-scheme: dark;
  }
}

:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --radius-sm: 12px; --radius-md: 20px; --radius-lg: 28px; --radius-pill: 999px;
  --stroke-sm: 2px; --stroke-md: 3px; --stroke-lg: 5px;
  --tilt-1: -1.5deg; --tilt-2: 2deg; --tilt-3: -3deg;
  --font-display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --font-sans: "Space Grotesk", system-ui, sans-serif;
}