/* Base styles and reset */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: var(--color-background); color: var(--color-text); }
img { max-width: 100%; display: block; }
a { color: var(--color-primary); }

/* === AUTO-GENERATED TOKENS START === */
:root {
  --color-primary: #FF3B8D;
  --color-primaryContrast: #0A0710;
  --color-background: #0B0511;
  --color-surface: #151024;
  --color-text: #F5F1FF;
  --color-accent: #00E5FF;
  --font-family: "Sora", system-ui, sans-serif;
  --font-size-body: 16px;
  --head-scale: 1.28;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
}

/* === AUTO-GENERATED TOKENS END === */