/* ====== Light theme: warm ivory + antique gold, the daytime twin of the Maison palette ====== */
/* Active when <html data-theme="light">. Toggle with the sun/moon button in the header. */

html[data-theme="light"] {
  color-scheme: light;
  --bg: #EEF3F3;
  --s1: #FFFFFF;
  --s2: #F7FAFA;
  --s3: #E6EDEE;
  --grey: #9AA5AA;
  --gold: #56626A;
  --gold-d: #2E3A40;
  --amber: #0A7E96;
  --glow: #2E3A40;
  --ink: #0E1A1B;
  --ink2: #45545A;
  --ink3: #66747A;
  --dark: #140F0A;
  --metal-soft: linear-gradient(135deg, rgba(20,170,194,.65), rgba(170,212,224,.35) 30%, rgba(20,170,194,.25) 55%, rgba(170,212,224,.35) 80%, rgba(20,170,194,.6));
  --line: rgba(20,56,66,.16);
  --line2: rgba(20,56,66,.3);
}

/* toggle button (both themes) */
.theme-tgl { width: 44px; height: 44px; flex: none; border-radius: 50%; border: 1px solid var(--line2); background: var(--s1); color: var(--gold); cursor: pointer; display: grid; place-items: center; font-size: 1rem; transition: transform .4s var(--ease), background .3s, border-color .3s; }
.theme-tgl:hover { transform: rotate(-18deg); border-color: var(--gold); }
.theme-tgl .fa-moon { display: none; }
html[data-theme="light"] .theme-tgl .fa-sun { display: none; }
html[data-theme="light"] .theme-tgl .fa-moon { display: inline; }
@media (max-width: 1080px) {
  .nav-in .theme-tgl { margin-left: auto; }
  .nav-in .theme-tgl + .burger { margin-left: 0; }
}
.l-head .theme-tgl { margin-left: auto; }

/* ---------- surfaces that were hard-coded dark ---------- */
html[data-theme="light"] body::before { opacity: .025; }
html[data-theme="light"] .nav.is-scrolled { background: rgba(238,243,243,.9); box-shadow: 0 1px 0 var(--line), 0 10px 30px -20px rgba(20,56,66,.35); }
@media (max-width: 1080px) {
  html[data-theme="light"] .menu { background: radial-gradient(120% 70% at 80% 0%, rgba(20,170,194,.18), transparent 60%), rgba(238,243,243,.98); }
}
html[data-theme="light"] .hero {
  background:
    radial-gradient(60% 55% at 78% 42%, rgba(20,170,194,.18), transparent 70%),
    radial-gradient(40% 40% at 10% 10%, rgba(170,212,224,.35), transparent 70%),
    linear-gradient(180deg, #F7FAFA 0%, #E9F0F0 60%, #E2EAEB 100%);
}
html[data-theme="light"] .langs,
html[data-theme="light"] .chips li { background: rgba(255,255,255,.8); }
html[data-theme="light"] .fcard { --fbg: rgba(255,255,255,.96); box-shadow: 0 24px 50px -28px rgba(20,56,66,.45); }
html[data-theme="light"] .sky-o { fill: #E9F0F0; }
html[data-theme="light"] .swatch { box-shadow: 0 24px 50px -30px rgba(20,56,66,.4); }
html[data-theme="light"] .sw1 { color: var(--ink); background: linear-gradient(160deg, #FFFFFF, #EEF3F3) padding-box, var(--metal-soft) border-box; }
html[data-theme="light"] .sw1 b { color: #56626A; }
html[data-theme="light"] .sw2 { color: var(--ink); background: linear-gradient(160deg, #F7FAFA, #E6EDEE) padding-box, var(--metal-soft) border-box; }
html[data-theme="light"] .sw3 { color: var(--ink); background: linear-gradient(160deg, #E4ECED, #DBE5E6) padding-box, var(--metal-soft) border-box; }
html[data-theme="light"] .sw4 { color: #0E1A1B; background: linear-gradient(160deg, #D3E0E1, #C8D7D8) padding-box, var(--metal-soft) border-box; }
html[data-theme="light"] .ticker-band { background: linear-gradient(90deg, rgba(170,212,224,.25), rgba(255,255,255,.9), rgba(170,212,224,.25)); }
html[data-theme="light"] .about { background: linear-gradient(180deg, transparent, rgba(255,255,255,.7) 20%, rgba(255,255,255,.7) 80%, transparent); }
html[data-theme="light"] .seal img { box-shadow: 0 0 0 1px rgba(20,170,194,.6), 0 0 0 10px rgba(255,255,255,.9), 0 0 0 11px rgba(20,170,194,.35), 0 30px 80px -20px rgba(20,56,66,.45); }
html[data-theme="light"] .calc-shell,
html[data-theme="light"] .quiz { --fbg: #FFFFFF; }
html[data-theme="light"] .calc-out { background: linear-gradient(180deg, rgba(170,212,224,.28), rgba(238,243,243,.6)); }
html[data-theme="light"] .co-sub div,
html[data-theme="light"] .f-group button,
html[data-theme="light"] .presets button,
html[data-theme="light"] .team [data-team-add] { background: #F7FAFA; }
html[data-theme="light"] .fld input, html[data-theme="light"] .fld select, html[data-theme="light"] .fld textarea,
html[data-theme="light"] [data-team-rows] input { background: #FFFFFF; border-color: rgba(20,56,66,.28); color: var(--ink); }
html[data-theme="light"] .fld input:focus, html[data-theme="light"] .fld select:focus, html[data-theme="light"] .fld textarea:focus { background: #FFFFFF; }
html[data-theme="light"] .fld ::placeholder { color: #8A969B; }
html[data-theme="light"] .quiz [data-answer] { background: #F7FAFA; }
html[data-theme="light"] .quiz [data-answer]:hover { background: #E9F0F0; }
html[data-theme="light"] .total,
html[data-theme="light"] .big-open { --fbg: rgba(255,255,255,.9); }
html[data-theme="light"] .compliance { background: linear-gradient(90deg, rgba(170,212,224,.25), rgba(255,255,255,.9), rgba(170,212,224,.25)); }
html[data-theme="light"] .foot,
html[data-theme="light"] .l-foot { background: #E4EBEC; }
html[data-theme="light"] .ornament i:nth-child(1) { background: linear-gradient(#EEF3F3,#EEF3F3) padding-box, var(--metal) border-box; }
html[data-theme="light"] .lbar,
html[data-theme="light"] .mbar { background: rgba(255,255,255,.94); box-shadow: 0 -10px 30px -20px rgba(20,56,66,.4); }
html[data-theme="light"] .job:hover,
html[data-theme="light"] .svc:hover,
html[data-theme="light"] .story:hover { box-shadow: 0 26px 60px -30px rgba(20,56,66,.45); }
html[data-theme="light"] .live-pill { background: rgba(22,163,74,.08); border-color: rgba(22,163,74,.35); color: #15803d; }
html[data-theme="light"] .live-pill i { background: #16a34a; }
html[data-theme="light"] .live-note i { color: #16a34a; }

/* ---------- home hero (css/home-hero.css tokens) ---------- */
html[data-theme="light"] .mx {
  --bg: #EEF3F3; --bg2: #FFFFFF; --bg3: #E9F0F0; --line: rgba(20,56,66,.18); --line2: rgba(20,56,66,.34);
  --text: #0E1A1B; --text2: #45545A; --muted: #66747A;
  --acc: #0A7E96; --acc-hi: #56626A; --acc-lo: #D9E7EC;
  --glow: rgba(20,170,194,.22); --glow2: rgba(170,212,224,.45);
  --em: linear-gradient(100deg, #2E3A40 0%, #0A7E96 30%, #14AAC2 50%, #0A7E96 70%, #2E3A40 100%);
  --frame: linear-gradient(135deg, rgba(20,170,194,.7), rgba(170,212,224,.4) 50%, rgba(20,170,194,.65));
  --sw1: linear-gradient(160deg, #FFFFFF, #EEF3F3); --sw1i: #0E1A1B; --sw1n: #56626A;
  --sw2: linear-gradient(160deg, #F7FAFA, #E6EDEE); --sw2i: #0E1A1B; --sw2n: #0E1A1B;
  --sw3: linear-gradient(160deg, #E4ECED, #DBE5E6); --sw3i: #0E1A1B; --sw3n: #0E1A1B;
  --sw4: linear-gradient(160deg, #D3E0E1, #C8D7D8); --sw4i: #0E1A1B; --sw4n: #0E1A1B;
  --sky: rgba(20,56,66,.45); --globe-core: #CFE9F0;
}
html[data-theme="light"] .mx .mx-fcard { box-shadow: 0 24px 50px -28px rgba(20,56,66,.45); }
html[data-theme="light"] .mx .mx-g-lines { opacity: .32; }
html[data-theme="light"] .mx .mx-hero::after { opacity: .35; }
/* globe + skyline shading tuned for ivory */
html[data-theme="light"] #mx-gFill stop:nth-child(2) { stop-color: #E2EAEB; stop-opacity: .55; }
html[data-theme="light"] #mx-gFill stop:nth-child(3) { stop-color: #EEF3F3; stop-opacity: 0; }
html[data-theme="light"] #mx-skyF stop:nth-child(2) { stop-color: #EEF3F3; }
/* selected filter / answer chips stand out on light */
html[data-theme="light"] .f-group button.is-active,
html[data-theme="light"] .quiz [data-answer].is-picked { background: linear-gradient(135deg, #14AAC2, #BFD8E0); color: #140F0A; border-color: transparent; }