:root {
  --bg:        #080C18;
  --bg2:       #0D1220;
  --surface:   #111827;
  --surface2:  #1A2438;
  --surface3:  #1F2D42;
  --border:    #1E2D42;
  --border2:   #253650;

  --cyan:      #00D4FF;
  --cyan-dim:  rgba(0,212,255,0.10);
  --cyan-glow: rgba(0,212,255,0.22);

  --violet:      #7C3AED;
  --violet-dim:  rgba(124,58,237,0.14);

  --green:      #10B981;
  --green-dim:  rgba(16,185,129,0.11);

  --amber:      #F59E0B;
  --amber-dim:  rgba(245,158,11,0.11);

  --red:        #EF4444;
  --red-dim:    rgba(239,68,68,0.11);

  --text:  #F1F5F9;
  --text2: #94A3B8;
  --text3: #64748B;

  --radius:    12px;
  --radius-lg: 18px;
  --r:    10px;
  --r-lg: 14px;
}