/* ─── DARK MODE: Neon Cyberpunk ─── */
:root[data-theme="dark"] {
  --bg-void:      #040807; /* Deep forest-black obsidian */
  --bg-deep:      #060C0A; /* Deep dark slate green-black */
  --bg-surface:   #09120F; /* Dark surface green-black */
  --bg-card:      #0D1915; /* Obsidian green card backing */
  --bg-card-hi:   #12241F;
  --bg-glass:     rgba(13, 25, 21, 0.75);
  --bg-overlay:   rgba(4, 8, 7, 0.96);

  --neon-primary:  #00FFCC; /* Cyberpunk Teal */
  --neon-teal:     #00E6B8;
  --neon-cyan:     #00E5FF;
  --neon-aqua:     #00CCFF;
  --neon-blue:     #0088FF;
  --neon-dark:     #006655;

  --glow-primary:  0 0 15px rgba(0, 255, 204, 0.4), 0 0 45px rgba(0, 255, 204, 0.2);
  --glow-teal:     0 0 20px rgba(0, 230, 184, 0.3);
  --glow-cyan:     0 0 30px rgba(0, 229, 255, 0.25);
  --glow-blue:     0 0 20px rgba(0, 136, 255, 0.3);
  --glow-card:     0 0 0 1px rgba(0, 255, 204, 0.1), 0 6px 30px rgba(0,0,0,0.8);
  --glow-card-hover: 0 0 0 1px rgba(0, 255, 204, 0.3), 0 12px 50px rgba(0,0,0,0.9), 0 0 40px rgba(0, 255, 204, 0.15);

  --text-bright:   #FFFFFF;
  --text-primary:  #E0ECE9; /* Slightly greenish-toned white */
  --text-secondary:#9EB0AB;
  --text-muted:    #61736F;
  --text-inverse:  #040807;

  --border-void:   rgba(0, 255, 204, 0.05);
  --border-subtle: rgba(0, 255, 204, 0.12);
  --border-accent: rgba(0, 255, 204, 0.3);
  --border-strong: rgba(0, 255, 204, 0.6);
  --border-neon:   rgba(0, 255, 204, 0.9);

  --radius-sm:  0px;
  --radius-md:  0px;
  --radius-lg:  0px;
  --radius-xl:  0px;

  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300FFCC' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}