:root {
  /* Colors */
  --color-primary: #0029D7;
  --color-secondary: #C0FF00;
  --color-bg-main: #020200;
  --color-bg-card: #020200;
  --color-text-white: #FBF0E3;
  --color-text-muted: rgba(251, 240, 227, 0.7);
  --color-border: rgba(251, 240, 227, 0.08);

  /* Typography */
  --font-primary: 'gotham', sans-serif;
  --font-secondary: 'ibm-plex-sans', sans-serif;

  /* Spacing */
  --spacing-xs: clamp(0.5rem, 1vw, 0.75rem);
  --spacing-sm: clamp(1rem, 2vw, 1.5rem);
  --spacing-md: clamp(2rem, 4vw, 3rem);
  --spacing-lg: clamp(4rem, 8vw, 6rem);
  --spacing-xl: clamp(6rem, 12vw, 10rem);

  /* Border Radius */
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
}