*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --green:  #00ff41;
  --teal:   #39ff14;
  --amber:  #ffff00;
  --orange: #ff4500;
  --bg:     #020802;
  --glass:  rgba(3, 14, 3, 0.93);
  --border: rgba(57, 255, 20, 0.15);
  --text:   #ccffcc;
  --muted:  rgba(204, 255, 204, 0.40);
  --card-bg: rgba(255,255,255,0.025);
  --card-border: rgba(255,255,255,0.055);
  --ctrl-bg: #1A2A1A;
  --inset-bg: rgba(57,255,20,0.06);
  --map-bg: #020802;
}

[data-theme="light"] {
  --green:  #475569;
  --teal:   #334155;
  --amber:  #B45309;
  --orange: #DC2626;
  --bg:     #F8F8F6;
  --glass:  rgba(255, 253, 250, 0.72);
  --border: rgba(120, 113, 108, 0.15);
  --text:   #1C1917;
  --muted:  #78716C;
  --card-bg: rgba(255, 253, 250, 0.85);
  --card-border: rgba(120, 113, 108, 0.12);
  --ctrl-bg: #F5F5F0;
  --inset-bg: rgba(71, 85, 105, 0.06);
  --map-bg: #EDECE8;
}