/* ============================================================
   THEME: DARK — default Ometek aesthetic.
   Near-black ink with lime/cyan/magenta neon accents.
   `:root` is included so an unset data-theme falls back to dark.
   ============================================================ */
:root,
[data-theme="dark"] {
  color-scheme: dark;

  --bg-0:     var(--ink-950);
  --bg-1:     var(--ink-900);
  --bg-2:     var(--ink-800);
  --bg-3:     var(--ink-700);
  --bg-inset: #04060b;
  --bg-sheen: rgba(255,255,255,0.04);

  --fg-1: #f5f8ff;
  --fg-2: #b3bccf;
  --fg-3: #717c96;
  --fg-4: #4a556c;
  --fg-on-brand: #06140a;

  --line-1:     rgba(255,255,255,0.06);
  --line-2:     rgba(255,255,255,0.10);
  --line-3:     rgba(255,255,255,0.18);
  --line-focus: var(--brand-lime-400);

  --accent:       var(--brand-lime-400);
  --accent-hover: var(--brand-lime-300);
  --accent-press: var(--brand-lime-500);
  --accent-soft:  rgba(34,240,106,0.14);
  --accent-ring:  rgba(34,240,106,0.45);

  --hot:        var(--brand-magenta-400);
  --hot-soft:   rgba(255,46,168,0.14);

  --info:       var(--brand-cyan-400);
  --info-soft:  rgba(34,196,240,0.14);

  --xp:         var(--brand-gold-400);
  --xp-soft:    rgba(255,184,0,0.16);

  --warn:       var(--brand-gold-400);
  --warn-soft:  rgba(255,184,0,0.16);

  --danger:      var(--brand-red-500);
  --danger-soft: rgba(255,43,62,0.16);

  --boss:       var(--brand-violet-400);
  --boss-soft:  rgba(126,84,255,0.16);

  --logoPrimary:   var(--brand-lime-400);
  --logoSecondary: #f5f7fb;

  --glow-lime:    0 0 0 1px rgba(34,240,106,0.30), 0 0 24px -4px rgba(34,240,106,0.55);
  --glow-magenta: 0 0 0 1px rgba(255,46,168,0.30), 0 0 24px -4px rgba(255,46,168,0.55);
  --glow-cyan:    0 0 0 1px rgba(34,196,240,0.30), 0 0 24px -4px rgba(34,196,240,0.55);
  --glow-gold:    0 0 0 1px rgba(255,184,0,0.35),  0 0 24px -4px rgba(255,184,0,0.60);

  --shadow-xs: 0 1px 0 rgba(0,0,0,0.4);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.04) inset;
  --shadow-md: 0 8px 24px -8px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.05) inset;
  --shadow-lg: 0 20px 48px -12px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.06) inset;
  --shadow-pop: 0 0 0 1px rgba(255,255,255,0.08), 0 22px 50px -16px rgba(0,0,0,0.85);

  --grid-color: rgba(255,255,255,0.035);
  --grid-size:  28px;

  --grad-brand: linear-gradient(135deg, #22f06a 0%, #00d8a8 100%);
  --grad-hot:   linear-gradient(135deg, #ff2ea8 0%, #ff5060 100%);
  --grad-hud:   linear-gradient(135deg, #22c4f0 0%, #7e54ff 100%);
  --grad-xp:    linear-gradient(90deg,  #ffb800 0%, #ff2ea8 100%);
}