:root {
  /* Background */
  --color-bg:        #05070A;
  --color-bg-soft:   #0a0d12;

  /* Text */
  --color-text-primary: #FFFFFF;
  --color-text-muted:   #9CA3AF;

  /* Accent */
  --color-accent-cyan: #22D3EE;
  --color-accent-teal: #0891B2;

  /* Glow */
  --glow-cyan-soft: rgba(34, 211, 238, 0.19);
  --glow-cyan-mid:  rgba(34, 211, 238, 0.07);

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display',
               'Helvetica Neue', Arial, sans-serif;

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Breakpoints (reference only — use in media queries directly) */
  /* --bp-sm:  640px  */
  /* --bp-md:  768px  */
  /* --bp-lg:  1024px */
  /* --bp-xl:  1280px */
}