/* GENERATED from design/tokens.json. Do not edit by hand; run npm run tokens. */

:root {
  --color-bg: #241A52;
  --color-surface: #2E2463;
  --color-text: #FAF6FF;
  --color-text-muted: #B8AEDB;
  --color-moss: #FFC96B;
  --color-marigold: #9B8FE0;
  --color-stone: #3B2F7C;
  --color-positive: #FFC96B;
  --color-negative: #FF9F91;
  --color-secondary: #9B8FE0;
  --color-primary-pressed: #EAB24F;
  --color-secondary-tint: #3B2F7C;
  --color-scrim: rgba(23,16,52,0.72);
  --font-display: Archivo, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
  --space-0: 4px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 48px;
  --space-6: 96px;
  --radius: 16px;
  --type-0: 12px;
  --type-1: 14px;
  --type-2: 16px;
  --type-3: 20px;
  --type-4: 28px;
  --type-5: 40px;
  --type-6: 64px;
  --motion-duration: 180ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
}