/* Design tokens: colors, typography, spacing */
:root {
  /* Colors */
  --color-bg: #191226;
  --color-surface: #191226;
  --color-text-primary: #f4f3c6;
  --color-text-muted: #f4f3c650;
  --color-accent: #ff4cc3;

  /* Shadows */
  --shadow-glow: 0 0 12px var(--color-text-primary);
  --shadow-surface: -4px 0 48px 0 var(--color-text-primary);

  /* Typography */
  --font-sans: "iA Writer Quattro S", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  --font-base-size: 15px;
  --font-body-size: 16px;
  --font-size-l: 18px;
  --font-size-xl: 24px;
  --font-heading-weight: 700;
  --font-body-weight: 400;

  /* Spacing scale */
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 36px;
  --space-9: 48px;
}