/* ============================================================================
   themes/def2-blue.css  —  DEF2 family, BLUE variant. Same tonal recipe as DEF2
   (every surface a deep shade of the accent hue + a bright accent on top), re-tinted
   from coral/wine to azure over deep navy-black. Fonts come from def2.css (always
   linked). Scoped under :root[data-gg-theme="def2-blue"].
   ============================================================================ */
:root[data-gg-theme="def2-blue"] {
  /* tonal surface ramp — deep shades of navy, darkest → lightest */
  --well:#10131a; --bg:#161b24; --panel:#1d2430;
  --card:#232c3a; --card-sel:#2e3b4f; --chip:#1e2731;
  --control:#2c3645; --inset:#101319;
  --raise:#2c3645; --raise-hi:#3a4659;
  --border:rgba(200,220,255,.11); --divider:rgba(200,220,255,.07);
  /* bone text with a faint cool/blue cast */
  --text:#e9eef4; --text2:#aebfc9; --muted:#73818f; --faint:#48586b;
  /* accent rides --lime so all wiring (glows, fills, focus, selection) follows */
  --lime:#4aa3ff; --on-lime:#001226; --lime-dark:#1060b3; --lime-rgb:74,163,255;
  --amber:#6ec3ff; --on-amber:#00121f;
  --accent2:#4aa3ff; --frame-blue:#4aa3ff; --frame-rgb:74,163,255;
  --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-blue"] h1, [data-gg-theme="def2-blue"] h2,
[data-gg-theme="def2-blue"] h3, [data-gg-theme="def2-blue"] h4,
[data-gg-theme="def2-blue"] .gg-panel-title { letter-spacing:-.01em; font-weight:800; }
[data-gg-theme="def2-blue"] .gg-word { font-weight:800; letter-spacing:-.02em; }
[data-gg-theme="def2-blue"] .gg-logo .gg-word b { font-family:var(--f-gg); color:var(--lime); }
[data-gg-theme="def2-blue"] .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-blue"] .gg-offline .dot { width:6px; height:6px; border-radius:50%;
  background:var(--lime); box-shadow:0 0 7px var(--lime); }
[data-gg-theme="def2-blue"] .hazard { height:10px; border-radius:3px;
  background:repeating-linear-gradient(135deg, var(--lime) 0 12px, #0a0e18 12px 24px); }
[data-gg-theme="def2-blue"] button.armed { background:var(--amber); color:var(--on-amber); font-weight:700; }
[data-gg-theme="def2-blue"] ::-webkit-scrollbar-thumb:hover { background:var(--lime-dark); }