/* ============================================================================
   themes/def2-white.css  —  DEF2 family, WHITE variant. A light "iPod" feel:
   white / silver surfaces, ink-black text, a clean blue accent. Fonts come from
   def2.css (always linked). Scoped under :root[data-gg-theme="def2-white"].
   ============================================================================ */
:root[data-gg-theme="def2-white"] {
  /* light surface ramp — silver/white, darkest → lightest */
  --well:#e6e7ea; --bg:#edeff2; --panel:#f5f5f7;
  --card:#fafafb; --card-sel:#e1ebff; --chip:#ececef;
  --control:#e7e7eb; --inset:#fbfbfc;
  --raise:#f4f4f6; --raise-hi:#e8e8ec;
  --border:rgba(0,0,0,.13); --divider:rgba(0,0,0,.08);
  /* ink-black text on the light surfaces */
  --text:#1b1b1d; --text2:#4c4c52; --muted:#86868b; --faint:#b2b2b8;
  /* clean iOS-blue accent (rides --lime so all wiring follows) */
  --lime:#0a84ff; --on-lime:#ffffff; --lime-dark:#0060d0; --lime-rgb:10,132,255;
  --amber:#ff9f0a; --on-amber:#3a2400;
  --accent2:#0a84ff; --frame-blue:#0a84ff; --frame-rgb:10,132,255;
  --danger:#ff3b30; --on-danger:#ffffff; --danger-hi:#ff5c52; --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:6px; --radius-lg:10px;
}
[data-gg-theme="def2-white"] h1, [data-gg-theme="def2-white"] h2,
[data-gg-theme="def2-white"] h3, [data-gg-theme="def2-white"] h4,
[data-gg-theme="def2-white"] .gg-panel-title { letter-spacing:-.01em; font-weight:800; }
[data-gg-theme="def2-white"] .gg-word { font-weight:800; letter-spacing:-.02em; }
[data-gg-theme="def2-white"] .gg-logo .gg-word b { font-family:var(--f-gg); color:var(--lime); }
[data-gg-theme="def2-white"] .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-white"] .gg-offline .dot { width:6px; height:6px; border-radius:50%;
  background:var(--lime); box-shadow:0 0 7px var(--lime); }
[data-gg-theme="def2-white"] .hazard { height:10px; border-radius:3px;
  background:repeating-linear-gradient(135deg, var(--lime) 0 12px, #d4d4da 12px 24px); }
[data-gg-theme="def2-white"] button.armed { background:var(--amber); color:var(--on-amber); font-weight:700; }
[data-gg-theme="def2-white"] ::-webkit-scrollbar-thumb:hover { background:var(--lime-dark); }