:root {
  --color-bg: #0f0f10;
  --color-surface: #151617;
  --color-text: #e6e7e9;
  --color-muted: #a7a9ad;
  --color-accent: #2f70ff;
  --color-accent-2: #7b61ff;
  --color-accent-rgb: 47,112,255;
  --color-accent-contrast: #ffffff;
  --color-border: #2a2c2f;
  --color-surface-light: #ffffff;
  --color-text-dark: #0b0c0d;
  --color-border-light: rgba(15,23,42,.08);
  --overlay-light: rgba(255,255,255,.08);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --shadow-lg: 0 20px 60px rgba(0,0,0,.35);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-condensed: "Roboto Condensed", var(--font-sans);
  --font-primary: "Inter", "Manrope", "Satoshi", var(--font-sans);
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.375rem;
  --font-size-xl: 1.75rem;
  --font-size-2xl: 2.25rem;
  --font-size-3xl: clamp(2.5rem, 5vw, 3.75rem);

  --color-bg-dark: #0a0f1c;
  --color-text-light: #e6e9ef;
  --color-accent-gradient: linear-gradient(45deg, #2ee6ff, #9b5fff, #4c9fff);
}