/* Swish Design Tokens v1.0.0 */
:root {
  /* Primary */
  --color-space-black: #1A1A1A;
  --color-liminal-white: #EEEEEE;
  --color-holographic-blue-start: #007FFD;
  --color-holographic-blue-end: #03EAFF;
  --color-static-grey: #C1C1C1;
  --color-pure-energy: #B5FF00;

  /* Secondary */
  --color-hangar-yellow: #FFD900;
  --color-jumbo-orange: #FF9138;
  --color-breaker-red: #F0353E;
  --color-blaster-green: #3FE99C;
  --color-hobby-purple: #4D23D8;
  --color-mega-pink: #E814CC;

  /* Metallic Gradients */
  --gradient-platinum: linear-gradient(135deg, #D0D0D0, #808080, #B0B0B0, #E0E0E0);
  --gradient-gold: linear-gradient(135deg, #D4AF37, #F5D060, #B8860B, #D4AF37);
  --gradient-foil: linear-gradient(135deg, #70FFFD 0%, #E7FF97 36%, #0077FF 100%);

  /* Typography */
  --font-headline: 'Michroma', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-weight-headline: 500;
  --font-weight-body: 400;
  --font-weight-impact: 900;
  --line-height-headline: 1.05;
  --line-height-body: 1.7;
  --letter-spacing-tight: -0.02em;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}