/* GERBALGO light/dark switch (2026-09-30).
   Dark is the default and is NOT touched here: every rule that changes a colour lives under
   html[data-theme="light"]. Only the toggle button itself is styled for both themes.
   Light palette = the same :root tokens redefined (warm off-white, dark text, darkened orange).
   Contrast (WCAG, on #FBF7F0): --text 15.6:1 | --soft 9.2:1 | --muted 5.8:1 | --gold/--em 5.0:1
   on white: --grn 5.3:1 | --red 5.9:1 | --gold 5.4:1 */

/* ── toggle button (both themes) ─────────────────────────── */
.ga-theme{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;
  padding:0;border-radius:50%;background:transparent;color:var(--soft);border:.5px solid var(--border);
  cursor:pointer;transition:border-color .18s,color .18s,background .18s}
.ga-theme:hover{border-color:var(--gold);color:var(--gold)}
.ga-theme svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ga-theme .i-moon{display:none}
html[data-theme="light"] .ga-theme .i-sun{display:none}
html[data-theme="light"] .ga-theme .i-moon{display:block}
.ga-theme-fixed{position:fixed;top:14px;right:14px;z-index:400}
@media(max-width:420px){
  .gnav{gap:8px;padding:0 12px}
  .gnav .nav-right{gap:5px}
  .gnav .nav-right .ga-theme{width:36px;height:36px;flex-basis:36px}
  .gnav .nav-right .signin{padding:7px 10px}
  .gnav .nav-right .btn-em{padding:8px 10px}
  .nav-r .ga-theme{width:36px;height:36px;flex-basis:36px}
}

/* ── tokens ──────────────────────────────────────────────── */
:root[data-theme="light"]{
  color-scheme:light;
  --gold:#B8470F;--gold-l:#E0601F;--dark:#FBF7F0;--dark2:#FFFFFF;--dark3:#F3ECE0;
  --text:#1E1610;--soft:#4A4035;--muted:#6B5F52;
  --border:rgba(140,70,25,.22);--border2:rgba(140,70,25,.38);
  --grn:#1B7A45;--red:#B3392B;
  --em:#B8470F;--em-hi:#9A3A0A;--em-soft:rgba(184,71,15,.09);--em-border:rgba(184,71,15,.4);
  --burn-text:linear-gradient(100deg,#D2480D 0%,#B03A08 55%,#8A2408 100%);
  --banner-a:#5C2A06;
}
html[data-theme="light"] body{
  background:radial-gradient(1200px 600px at 75% -10%,rgba(255,140,60,.13),transparent 60%),
             radial-gradient(900px 500px at 0% 110%,rgba(224,96,31,.08),transparent 60%),#FBF7F0 fixed}
html[data-theme="light"] input:focus-visible,html[data-theme="light"] button:focus-visible,
html[data-theme="light"] a:focus-visible,html[data-theme="light"] [role=button]:focus-visible,
html[data-theme="light"] summary:focus-visible,html[data-theme="light"] select:focus-visible{outline-color:#B8470F}

/* ── nav / bars ──────────────────────────────────────────── */
html[data-theme="light"] .gnav{background:rgba(251,247,240,.96)}
html[data-theme="light"] .mnav{background:rgba(251,247,240,.97)}
html[data-theme="light"] .btn-line{border-color:rgba(30,22,16,.28)}
html[data-theme="light"] .gf-fam a,html[data-theme="light"] .gf-b{color:var(--muted)}
html[data-theme="light"] .gf-b[data-b="flow"],html[data-theme="light"] .gf-b[data-b="gp"]{--bt:#7A5C0E}
html[data-theme="light"] .gf-b[data-b="fd"]{--bt:#A82B2B}
html[data-theme="light"] .gf-b[data-b="algo"]{--bt:#B8470F}
html[data-theme="light"] .gf-b[data-b="prem"]{--bt:#0B6F7B}
html[data-theme="light"] .gf-b[data-b="free"]{--bt:#4350C2}
html[data-theme="light"] .skip:focus{background:#B8470F;color:#fff}

/* ── surfaces that hard-coded dark hexes ─────────────────── */
html[data-theme="light"] .cd .n{color:var(--text)}
html[data-theme="light"] th,html[data-theme="light"] td,
html[data-theme="light"] .steps li,html[data-theme="light"] .stoptbl th,
html[data-theme="light"] .stoptbl td{border-bottom-color:rgba(140,70,25,.14)}
html[data-theme="light"] .pill{color:var(--grn);border-color:#9CCFB0;background:#E6F4EB}
html[data-theme="light"] .m.big{background:linear-gradient(90deg,#E6F4EB,#fff);border-color:#9CCFB0}
html[data-theme="light"] .disc .risk{color:#7A3A0A;background:rgba(184,71,15,.07);border-color:#D9A977}
html[data-theme="light"] .banner{background:linear-gradient(90deg,#FFF1DC,#FFF8EC);border-color:#D9A977;color:#7A3A0A}
html[data-theme="light"] .banner b{color:#5C2A06}
html[data-theme="light"] .found-box,html[data-theme="light"] .intake,html[data-theme="light"] .ctaband{
  background:linear-gradient(160deg,#FFF3DF,#fff 60%)}
html[data-theme="light"] .found-box.closed,html[data-theme="light"] .spot-card{background:linear-gradient(160deg,#F3ECE0,#fff 60%)}
html[data-theme="light"] .dep{background:#FFF3DF;color:#7A3A0A}
html[data-theme="light"] .dep b{color:#5C2A06}
html[data-theme="light"] .paidnote{background:#E6F4EB;border-color:#9CCFB0;color:#14593A}
html[data-theme="light"] .paidnote b{color:#0C3D28}
html[data-theme="light"] .payterms{background:linear-gradient(180deg,#FFF3DF,#F3ECE0);border-color:#D9A977}
html[data-theme="light"] .payterms-hd{color:#7A3A0A}
html[data-theme="light"] .payterms li b{color:#5C2A06}
html[data-theme="light"] .modal{background:rgba(30,22,16,.55)}
html[data-theme="light"] .lockveil{background:rgba(251,247,240,.94)}
html[data-theme="light"] .slot-tag{background:rgba(255,255,255,.85)}
html[data-theme="light"] .dm-card{background:rgba(30,22,16,.025);border-color:rgba(30,22,16,.14)}
html[data-theme="light"] .dm-row,html[data-theme="light"] .dm-step{background:rgba(30,22,16,.04)}
html[data-theme="light"] .dm-chart{border-color:rgba(30,22,16,.12)}
html[data-theme="light"] .strat div{border-color:rgba(30,22,16,.14)}
html[data-theme="light"] .side.l{color:#14593A;background:#E6F4EB;border-color:#9CCFB0}
html[data-theme="light"] .side.s{color:#9A2E22;background:#FBE9E6;border-color:#E2A99F}
html[data-theme="light"] .firm.ok{border-color:#9CCFB0}
html[data-theme="light"] .firm.bad{border-color:#E2A99F}
html[data-theme="light"] .firm.bad p{color:#A03325}
html[data-theme="light"] .firm.warn p{color:#8A4408}
html[data-theme="light"] .legend .l-warn::before{background:#C9710F}
html[data-theme="light"] .legend .l-bad::before{background:#C9503F}
/* tile keeps its bright-orange fill with dark ink in both themes */
html[data-theme="light"] .firm .tile{background:linear-gradient(135deg,#FF8A3D,#E0601F);color:#0A0605}
html[data-theme="light"] .tabs button[aria-selected="true"] small{color:rgba(10,10,10,.75)}
html[data-theme="light"] .btn-primary:hover,html[data-theme="light"] .btn-em:hover{background:#FF8A3D}

/* ── login.html ──────────────────────────────────────────── */
html[data-theme="light"] .msg.err{color:#A03325;background:rgba(179,57,43,.08);border-color:rgba(179,57,43,.3)}
html[data-theme="light"] .msg.ok{background:rgba(27,122,69,.08);border-color:rgba(27,122,69,.3)}
html[data-theme="light"] .paid{border-color:rgba(27,122,69,.35);background:rgba(27,122,69,.07)}
html[data-theme="light"] .paid .spam{color:var(--gold)}
html[data-theme="light"] body::before{background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(224,96,31,.08),transparent 70%)}