/* ============================================================================
   themes/def2-dark.css  —  DEF2 family, DARK variant. A neutral dark, but a deep
   "ink" near-black with the faintest cool/violet bias (NOT the over-used flat
   charcoal-gray), lifted by the brand lime accent. Fonts come from def2.css
   (always linked). Scoped under :root[data-gg-theme="def2-dark"].
   ============================================================================ */
:root[data-gg-theme="def2-dark"] {
  /* deep ink ramp — near-black with a faint cool bias, darkest → lightest */
  --well:#070709; --bg:#0c0c10; --panel:#131318;
  --card:#1a1a20; --card-sel:#27272f; --chip:#16161b;
  --control:#202027; --inset:#08080b;
  --raise:#202027; --raise-hi:#2c2c34;
  --border:rgba(255,255,255,.11); --divider:rgba(255,255,255,.06);
  --text:#f3f3f6; --text2:#b8b8c2; --muted:#7c7c88; --faint:#50505b;
  /* brand coral accent, same as def2 (rides --lime so all wiring follows).
     Was lime #c7f23c - neon green on near-black is the generated-UI look
     (owner call 2026-08-01); one brand accent across both default themes. */
  --lime:#ff8a2e; --on-lime:#2a1200; --lime-dark:#b35810; --lime-rgb:255,138,46;
  --amber:#ffb24a; --on-amber:#241200;
  --accent2:#ff8a2e; --frame-blue:#ff8a2e; --frame-rgb:255,138,46;
  --danger:#ff4d4d; --on-danger:#2a0404; --danger-hi:#ff6a6a; --warn:var(--amber);
  --f-head:'Schibsted Grotesk',system-ui,sans-serif;
  --f-gg:'Schibsted Grotesk',system-ui,sans-serif;
  --f-body:'Familjen Grotesk',system-ui,sans-serif;
  --f-mono:'Martian Mono',ui-monospace,monospace;
  --radius:5px; --radius-lg:9px;
}
[data-gg-theme="def2-dark"] h1, [data-gg-theme="def2-dark"] h2,
[data-gg-theme="def2-dark"] h3, [data-gg-theme="def2-dark"] h4,
[data-gg-theme="def2-dark"] .gg-panel-title { letter-spacing:-.01em; font-weight:800; }
[data-gg-theme="def2-dark"] .gg-word { font-weight:800; letter-spacing:-.02em; }
[data-gg-theme="def2-dark"] .gg-logo .gg-word b { font-family:var(--f-gg); color:var(--lime); }
[data-gg-theme="def2-dark"] .gg-offline { display:inline-flex; align-items:center; gap:6px;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--lime); border:1px solid rgba(var(--lime-rgb),.35); border-radius:5px; padding:2px 7px; }
[data-gg-theme="def2-dark"] .gg-offline .dot { width:6px; height:6px; border-radius:50%;
  background:var(--lime); box-shadow:0 0 7px var(--lime); }
[data-gg-theme="def2-dark"] .hazard { height:10px; border-radius:3px;
  background:repeating-linear-gradient(135deg, var(--lime) 0 12px, #0a0a0c 12px 24px); }
[data-gg-theme="def2-dark"] button.armed { background:var(--amber); color:var(--on-amber); font-weight:700; }
[data-gg-theme="def2-dark"] ::-webkit-scrollbar-thumb:hover { background:var(--lime-dark); }