/* ============================================================================
   themes/def2-teal.css  —  DEF2 family, TEAL/CYAN variant. Same tonal recipe as
   DEF2, re-tinted to a bright turquoise over deep teal-black (the hue family of
   the Desktop 95 teal #008080). Fonts come from def2.css (always linked).
   Scoped under :root[data-gg-theme="def2-teal"].
   ============================================================================ */
:root[data-gg-theme="def2-teal"] {
  /* tonal surface ramp — deep shades of teal, darkest → lightest */
  --well:#0d1716; --bg:#132321; --panel:#1a2d2a;
  --card:#213632; --card-sel:#2c4640; --chip:#1c2e2b;
  --control:#2a3e3a; --inset:#0f1817;
  --raise:#2a3e3a; --raise-hi:#385049;
  --border:rgba(200,255,250,.11); --divider:rgba(200,255,250,.07);
  /* bone text with a faint cool/teal cast */
  --text:#e9f4f2; --text2:#aec9c4; --muted:#738f8a; --faint:#4a6b66;
  /* accent rides --lime so all wiring (glows, fills, focus, selection) follows */
  --lime:#24d6c4; --on-lime:#012a26; --lime-dark:#119a8c; --lime-rgb:36,214,196;
  --amber:#6ee0d4; --on-amber:#012a26;
  --accent2:#24d6c4; --frame-blue:#24d6c4; --frame-rgb:36,214,196;
  --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-teal"] h1, [data-gg-theme="def2-teal"] h2,
[data-gg-theme="def2-teal"] h3, [data-gg-theme="def2-teal"] h4,
[data-gg-theme="def2-teal"] .gg-panel-title { letter-spacing:-.01em; font-weight:800; }
[data-gg-theme="def2-teal"] .gg-word { font-weight:800; letter-spacing:-.02em; }
[data-gg-theme="def2-teal"] .gg-logo .gg-word b { font-family:var(--f-gg); color:var(--lime); }
[data-gg-theme="def2-teal"] .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-teal"] .gg-offline .dot { width:6px; height:6px; border-radius:50%;
  background:var(--lime); box-shadow:0 0 7px var(--lime); }
[data-gg-theme="def2-teal"] .hazard { height:10px; border-radius:3px;
  background:repeating-linear-gradient(135deg, var(--lime) 0 12px, #0a1413 12px 24px); }
[data-gg-theme="def2-teal"] button.armed { background:var(--amber); color:var(--on-amber); font-weight:700; }
[data-gg-theme="def2-teal"] ::-webkit-scrollbar-thumb:hover { background:var(--lime-dark); }