/* MMGA — generated from the MMGA design system tokens */
:root {
  color-scheme: light;
  --paper: #f6f5f0; --card: #ffffff; --ink: #111111; --ink-soft: #55524a;
  --cap: #d62b2b; --on-cap: #ffffff; --cap-ink: #b81f1f;
  --frog: #4e8f3a; --shiba: #f59a2e; --cream: #fbe9c6; --gold: #ffc93c;
  --navy: #17224d; --on-navy: #f6f5f0; --focus: #2b59ff;
  --shadow-pressed: 2px 2px 0 #111111; --shadow-sticker: 5px 5px 0 #111111; --shadow-poster: 8px 8px 0 #111111;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 56px; --space-16: 104px;
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;
  --stroke-thick: 3px; --stroke-thin: 2px;
  --font-display: "Anton", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;
  --font-marker: "Permanent Marker", "Marker Felt", "Comic Sans MS", cursive;
  --font-sans: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}