:root {
  /* Primary brand colors - green used as accent, not dominant */
  --cta: #50e3c2;
  --cta-hover: #3dd4b3;
  --cta-rgb: 80, 227, 194;
  
  /* Text colors */
  --text: #e5e7eb;
  --text-2: #cbd5e1;
  --muted: #94a3b8;
  
  /* Background colors */
  --bg: #0b0f14;
  --bg-2: #0f172a;
  --card: #111827;
  --card-hover: #1f2937;
  
  /* Border and effects */
  --border: #1f2937;
  --border-hover: #374151;
  --glow: 0 0 0 1px rgba(80, 227, 194, .1), 0 10px 30px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.03);
  --glow-hover: 0 0 0 1px rgba(80, 227, 194, .3), 0 10px 30px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
  
  /* Icon and element backgrounds */
  --icon-bg: #1f2937;
  --icon-bg-hover: #374151;
  --icon-border: #374151;
  
  /* Gradient colors */
  --gradient-from: #ffffff;
  --gradient-to: #e2e8f0;
  --gradient-via: #f3f4f6;
}