:root {
  /* Aurora Field backgrounds */
  --bg-base:    #05050F;
  --bg-panel:   #0D0D1A;
  --bg-elevated:#141428;
  --bg-glass:   rgba(5, 5, 15, 0.65);

  /* Accents */
  --accent-cyan:        #22D3EE;
  --accent-cyan-glow:   rgba(34, 211, 238, 0.4);
  --accent-violet:      #A855F7;
  --accent-violet-glow: rgba(168, 85, 247, 0.4);
  --accent-green:       #10F2A6;
  --accent-green-glow:  rgba(16, 242, 166, 0.4);
  --accent-gold:        #F59E0B;
  --accent-gold-glow:   rgba(245, 158, 11, 0.4);

  /* Text */
  --text-primary: #F0F2F5;
  --text-bright:  #FFFFFF;
  --text-muted:   #A1A1AA;
  --text-dim:     #52525B;

  /* Borders */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-bright: rgba(34, 211, 238, 0.5);

  /* Shadows */
  --shadow-glow: 0 0 40px rgba(34, 211, 238, 0.1);
  --shadow-card: 0 4px 32px rgba(0, 0, 0, 0.6);

  /* Spacing */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  48px;
  --space-xl:  120px;
  --space-2xl: 160px;

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

  /* Max widths */
  --max-content: 1200px;
  --max-hero:    1400px;

  /* Transitions */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;
}