/* ============================================================================
   themes/def2-green.css  —  DEF2 family, GREEN variant. Same tonal recipe as DEF2,
   re-tinted from coral/wine to a bright emerald over deep forest-black. Fonts come
   from def2.css (always linked). Scoped under :root[data-gg-theme="def2-green"].
   ============================================================================ */
:root[data-gg-theme="def2-green"] {
  /* tonal surface ramp — deep shades of forest, darkest → lightest */
  --well:#0f1512; --bg:#141d18; --panel:#1b261f;
  --card:#223028; --card-sel:#2d3f33; --chip:#1d2922;
  --control:#2b3a30; --inset:#101512;
  --raise:#2b3a30; --raise-hi:#394c3e;
  --border:rgba(205,255,215,.11); --divider:rgba(205,255,215,.07);
  /* bone text with a faint cool/green cast */
  --text:#e9f4ec; --text2:#aec9b6; --muted:#738f7c; --faint:#4a6b52;
  /* accent rides --lime so all wiring (glows, fills, focus, selection) follows */
  --lime:#46d17a; --on-lime:#012a10; --lime-dark:#1f9a4e; --lime-rgb:70,209,122;
  --amber:#8fe0a8; --on-amber:#012a10;
  --accent2:#46d17a; --frame-blue:#46d17a; --frame-rgb:70,209,122;
  --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-green"] h1, [data-gg-theme="def2-green"] h2,
[data-gg-theme="def2-green"] h3, [data-gg-theme="def2-green"] h4,
[data-gg-theme="def2-green"] .gg-panel-title { letter-spacing:-.01em; font-weight:800; }
[data-gg-theme="def2-green"] .gg-word { font-weight:800; letter-spacing:-.02em; }
[data-gg-theme="def2-green"] .gg-logo .gg-word b { font-family:var(--f-gg); color:var(--lime); }
[data-gg-theme="def2-green"] .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-green"] .gg-offline .dot { width:6px; height:6px; border-radius:50%;
  background:var(--lime); box-shadow:0 0 7px var(--lime); }
[data-gg-theme="def2-green"] .hazard { height:10px; border-radius:3px;
  background:repeating-linear-gradient(135deg, var(--lime) 0 12px, #0a140d 12px 24px); }
[data-gg-theme="def2-green"] button.armed { background:var(--amber); color:var(--on-amber); font-weight:700; }
[data-gg-theme="def2-green"] ::-webkit-scrollbar-thumb:hover { background:var(--lime-dark); }