/* ============================================================
   SEU light theme (Oct 2026, prototype).
   Active only when <html data-theme="light">. The small script in <head>
   sets it from the visitor's saved choice, or from the device setting.
   Dark stays the brand default; the footer and the CTA band stay dark
   in both themes as brand "islands".
   ============================================================ */

html[data-theme="light"]{
  color-scheme:light;
  --ink:#F5F8FC;
  --ink-alt:#EBF1F8;
  --ink-2:#FFFFFF;
  --ink-3:#F1F5FA;
  --brand-soft:#E2EDF9;
  --line:rgba(10,42,82,.11);
  --line-strong:rgba(35,118,188,.40);
  --line-control:#9FB4CB;
  --text:#0A1F3A;
  --muted:#4A5E75;
  --muted-2:#62758B;
  --blue:#1D68A8;
  --blue-light:#1D68A8;
  --blue-pale:#154C8C;
  --sky:#2376BC;
  --gold:#A9650A;          /* gold for text and numbers on white (WCAG AA) */
  --amber:#A9650A;
  --green:#14855C;
  --red:#C2412F;
  --shadow-card:0 8px 22px rgba(10,42,82,.08);
  --shadow-lift:0 18px 40px rgba(10,42,82,.12);
  --body-text:#2C3F55;
}
html[data-theme="dark"]{color-scheme:dark}

/* dark islands: keep the brand surfaces dark in the light theme */
html[data-theme="light"] :is(.site-footer,.cta-band,.hero-id,.reel,.story){
  --ink:#050F1F;--ink-2:#0B1A30;--ink-3:#0F2240;--brand-soft:#0E2846;
  --line:rgba(255,255,255,.09);--line-strong:rgba(125,184,232,.40);--line-control:#557294;
  --text:#EAF1F8;--muted:#9DB0C4;--muted-2:#7D92A9;
  --blue:#2376BC;--blue-light:#7DB8E8;--blue-pale:#B5D6F3;--sky:#7DB8E8;
  --gold:#F0A93B;--amber:#F0A93B;--body-text:#CFE3F7;
  color:var(--text);
}

/* the gold button keeps the bright brand gold */
html[data-theme="light"] .btn-primary{background:#F0A93B;border-color:#F0A93B;color:#0A2A52}
html[data-theme="light"] .btn-primary:hover{background:#F5BA5C;color:#0A2A52}
html[data-theme="light"] ::selection{background:#F0A93B;color:#0A2A52}
html[data-theme="light"] .site-header::after{background:linear-gradient(90deg,#F0A93B,#F5BA5C)}

/* header */
html[data-theme="light"] .site-header{background:rgba(245,248,252,.82)}
html[data-theme="light"] .site-header.scrolled{background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(10,42,82,.08);border-bottom-color:rgba(35,118,188,.18)}
html[data-theme="light"] :is(.nav-links a:hover,.dd-btn:hover,.has-dd.open>.dd-btn,.has-dd:hover>.dd-btn){background:rgba(10,42,82,.06)}
html[data-theme="light"] .nav-links .dd a:hover{background:var(--brand-soft);color:var(--text)}
html[data-theme="light"] .dd{box-shadow:0 18px 40px rgba(10,42,82,.14)}
html[data-theme="light"] .lang-switch:hover{color:var(--text)}
html[data-theme="light"] .btn-ghost{background:#fff}
html[data-theme="light"] .btn-ghost:hover{color:var(--text);background:var(--brand-soft)}
@media (max-width:960px){
  html[data-theme="light"] .nav-links{background:rgba(255,255,255,.98);box-shadow:0 24px 40px rgba(10,42,82,.14)}
}

/* logo swap: two images in the header, one per theme */
.brand .logo-light{display:none}
html[data-theme="light"] .brand .logo-dark{display:none}
html[data-theme="light"] .brand .logo-light{display:block}

/* heroes and cards */
html[data-theme="light"] .hero-bg::after{background:linear-gradient(180deg,rgba(245,248,252,.55),var(--ink) 90%)}
html[data-theme="light"] .cv-hero-bg::after{background:linear-gradient(180deg,rgba(245,248,252,.6),var(--ink) 94%)}
html[data-theme="light"] :is(.tldr,.obs-lock .in){background:#fff;box-shadow:var(--shadow-card)}
html[data-theme="light"] .stat{background:#fff}
html[data-theme="light"] .field :is(input,select,textarea){background:#fff;color:var(--text)}
html[data-theme="light"] tbody tr:hover td{background:rgba(35,118,188,.05)}

/* body text that was written as light grey */
html[data-theme="light"] :is(.prose p,.prose>ul li,.prose>ol li,.cv-page .feature-list li,.cv-page .numlist p,.cv-page .lead,.news-txt p,.obs-fact p,.obs-promo .txt>p:not(.obs-updated),.ir-author p){color:var(--body-text)}
html[data-theme="light"] :is(.obs-row .lb,.obs-donut .leg li,.obs-cols .col span,.obs-donut .mid span,.obs-updated,.kpi span,.obs-tab,.obs-tabempty p,.ring .lb,.gap-stats li){color:var(--muted)}
html[data-theme="light"] .obs-tabempty p:first-child{color:var(--text)}

/* bars, tracks and small charts */
html[data-theme="light"] :is(.obs-step .lvl,.obs-row .tr,.obs-cols .bar,.mv-bar){background:rgba(10,42,82,.08)}
html[data-theme="light"] :is(.obs-row .sg,.obs-cols .bar i){background:rgba(35,118,188,.35)}
html[data-theme="light"] .mv-bar i{background:#5A9BD5}
html[data-theme="light"] .mv-row.mv-gold .mv-bar i{background:#F0A93B}
html[data-theme="light"] .ring .rt{stroke:rgba(10,42,82,.10)}
html[data-theme="light"] .ring:first-child .rf{stroke:#E09A2A}
html[data-theme="light"] .gap-stats li{background:#fff}
html[data-theme="light"] .gap-pill{background:rgba(240,169,59,.12)}
html[data-theme="light"] .obs-donut circle.bg{stroke:rgba(10,42,82,.08)}
html[data-theme="light"] .obs-tab:hover{background:rgba(10,42,82,.05)}
html[data-theme="light"] .obs-tab[aria-selected="true"]{background:#F0A93B;color:#0A2A52}
html[data-theme="light"] a.obs-promo{background:linear-gradient(150deg,rgba(35,118,188,.10),#fff 60%)}
html[data-theme="light"] .kpi{background:linear-gradient(160deg,rgba(35,118,188,.10),#fff)}

/* quotes and notes */
html[data-theme="light"] .ir-quote{background:rgba(240,169,59,.10)}

/* theme toggle button */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-control);background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s,background-color .2s;flex-shrink:0}
.theme-toggle:hover{border-color:var(--sky);background:var(--brand-soft)}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* the icon shows the theme you switch TO: a sun in dark, a moon in light */
.theme-toggle .i-moon{display:none}
html[data-theme="light"] .theme-toggle .i-sun{display:none}
html[data-theme="light"] .theme-toggle .i-moon{display:block}

/* hero identity card: solid brand gradient in light */
html[data-theme="light"] .hero-id{background:var(--grad-brand);border-color:rgba(35,118,188,.35);box-shadow:0 24px 60px rgba(10,42,82,.22)}
html[data-theme="light"] .hero-id figcaption{color:#7DB8E8}
html[data-theme="light"] :is(.cta-band,.site-footer) .btn-ghost{background:rgba(255,255,255,.02);color:#fff}
html[data-theme="light"] :is(.cta-band,.site-footer) .btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}

/* home news: each item is a white card on a tinted band, for clearer separation */
html[data-theme="light"] .news-sec{background:var(--ink-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html[data-theme="light"] .news-sec .news{background:#fff;border:1px solid rgba(10,42,82,.12);border-radius:var(--radius-xl);padding:clamp(22px,3vw,40px);box-shadow:0 10px 30px rgba(10,42,82,.07)}
html[data-theme="light"] .news-sec .news+.news{margin-top:clamp(18px,2.4vw,28px);padding-top:clamp(22px,3vw,40px);border-top:1px solid rgba(10,42,82,.12)}
html[data-theme="light"] .news-sec a.nchart{background:var(--ink-alt);border-color:rgba(10,42,82,.10)}
html[data-theme="light"] .news-sec .gap-stats li{background:#fff}
html[data-theme="light"] .news-next{border-top-color:rgba(10,42,82,.14)}

/* home news in the dark theme: the same card look, in dark tones */
html:not([data-theme="light"]) .news-sec{background:var(--ink-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html:not([data-theme="light"]) .news-sec .news{background:var(--ink-2);border:1px solid rgba(125,184,232,.16);border-radius:var(--radius-xl);padding:clamp(22px,3vw,40px);box-shadow:0 14px 36px rgba(0,0,0,.35)}
html:not([data-theme="light"]) .news-sec .news+.news{margin-top:clamp(18px,2.4vw,28px);padding-top:clamp(22px,3vw,40px);border-top:1px solid rgba(125,184,232,.16)}
html:not([data-theme="light"]) .news-sec a.nchart{background:var(--ink-3);border-color:rgba(125,184,232,.14)}
html:not([data-theme="light"]) .news-next{border-top-color:rgba(125,184,232,.16)}

/* form fields on every page (site forms, membership and join forms) */
html[data-theme="light"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]),
html[data-theme="light"] :is(.jc-in,.jc-op,.jc-who){background:#fff;color:var(--text)}
html[data-theme="light"] .jc-op:has(input:checked){background:rgba(240,169,59,.12)}
html[data-theme="light"] :is(input,textarea)::placeholder{color:#8496AA}