/* ============================================================
   Sanchez Family Legacy — LIGHT theme
   Activated by <html data-theme="light">. Loaded after the page's
   inline base styles, so every rule here is scoped to light mode.
   Dark mode is untouched (base styles).
   ============================================================ */
html[data-theme="light"]{
  color-scheme:light;
  --ink:#F6EFE1; --ink-2:#F1E7D3; --ink-3:#E9DDC4; --panel:#FFFCF5;
  --bronze:#C6A24E; --bronze-2:#E2D3AC;
  --gold:#B8892E; --gold-bright:#8A5E14; --gold-deep:#9C6E1F;
  --cream:#2A2117; --text:#33291C; --muted:#6E5E45; --faint:#9C8A6C;
  --line:rgba(138,94,20,.30); --line-soft:rgba(138,94,20,.15);
}
html[data-theme="light"] body{ background:var(--ink); color:var(--text); }
html[data-theme="light"] body::before{
  background-image:
    linear-gradient(var(--line-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
}
html[data-theme="light"] body::after{
  background:
    radial-gradient(900px 520px at 84% -12%, rgba(184,137,46,.16), transparent 62%),
    radial-gradient(760px 460px at -12% 26%, rgba(198,162,78,.14), transparent 62%),
    radial-gradient(900px 700px at 50% 120%, rgba(184,137,46,.08), transparent 60%);
}
html[data-theme="light"] ::selection{ background:#8A5E14; color:#FFFCF5; }
html[data-theme="light"] ::-webkit-scrollbar-track{ background:var(--ink); }
html[data-theme="light"] ::-webkit-scrollbar-thumb{ background:#D8C79C; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{ background:#C6A24E; }

/* gold logo marks get darkened so they read on parchment */
html[data-theme="light"] .brand-logo,
html[data-theme="light"] .foot-logo img,
html[data-theme="light"] .foot-logo img.full,
html[data-theme="light"] .popup-crest{
  filter:brightness(.58) saturate(1.55) drop-shadow(0 4px 12px rgba(138,94,20,.28));
}

/* icons: swap the bright gold gradient for a deep-gold one */
html[data-theme="light"] .gi{ stroke:url(#goldGradDark); filter:drop-shadow(0 1px 1px rgba(138,94,20,.15)); }
html[data-theme="light"] .gi.fill{ fill:url(#goldGradDark); stroke:none; }
html[data-theme="light"] .btn-gold .gi{ stroke:#241803; filter:none; }

/* ---------- header ---------- */
html[data-theme="light"] header{ background:rgba(246,239,225,.9); }
html[data-theme="light"] .headbar{ background:linear-gradient(180deg, rgba(255,252,245,.94), rgba(241,231,211,.96)); }
html[data-theme="light"] .minicount .mc,
html[data-theme="light"] .foot-cta .mc{ background:rgba(255,252,245,.85); }
html[data-theme="light"] .mc-n{ text-shadow:none; }
html[data-theme="light"] .progress{ background:linear-gradient(90deg,#9C6E1F,#B8892E); box-shadow:0 0 10px rgba(138,94,20,.5); }

/* ---------- buttons ---------- */
html[data-theme="light"] .btn-gold{
  background:linear-gradient(135deg,#F0D189,#B8892E); color:#241803;
  box-shadow:0 0 0 1px rgba(138,94,20,.35), 0 10px 30px rgba(138,94,20,.18);
}
html[data-theme="light"] .btn-gold:hover{ box-shadow:0 0 0 1px rgba(138,94,20,.6), 0 14px 36px rgba(138,94,20,.26); }
html[data-theme="light"] .btn-ghost{ background:rgba(255,252,245,.75); color:var(--text); }
html[data-theme="light"] .btn-ghost:hover{ background:rgba(184,137,46,.12); }

/* ---------- hero (kept as a dark photo band; its text stays light) ---------- */
html[data-theme="light"] .hero .eyebrow,
html[data-theme="light"] .hero .eyebrow b,
html[data-theme="light"] .hero .kicker{ color:#F0D189; }
html[data-theme="light"] .hero h1{
  background:linear-gradient(180deg,#FBEECB 0%,#F0D189 40%,#B48C50 100%);
  -webkit-background-clip:text; background-clip:text;
}
html[data-theme="light"] .hero h1 .sub{ color:#F5EDDB; -webkit-text-fill-color:#F5EDDB; }
html[data-theme="light"] .hero .lede{ color:rgba(239,231,214,.82); }
html[data-theme="light"] .hero .crumb{ color:rgba(239,231,214,.72); }
html[data-theme="light"] .hero .crumb a:hover{ color:#F0D189; }
html[data-theme="light"] .slide-two h2{ color:#F5EDDB; }
html[data-theme="light"] .slide-two h2 .accent{ color:#F0D189; }
html[data-theme="light"] .detail-list li{ color:#EFE7D6; }
html[data-theme="light"] .detail-list b{ color:#F0D189; }
html[data-theme="light"] .slide-flyer{ box-shadow:inset 0 0 0 1px rgba(240,209,137,.25), 0 24px 60px rgba(0,0,0,.5); }

/* dark bands that stay dark in light mode keep their bright-gold content */
html[data-theme="light"] .ticker-item{ color:#F0D189; }
html[data-theme="light"] .ticker-star{ color:#C9A24A; }
html[data-theme="light"] .ticker .gi,
html[data-theme="light"] .park .gi,
html[data-theme="light"] .ph .gi{
  stroke:url(#goldGrad); filter:drop-shadow(0 0 7px rgba(240,209,137,.5));
}
html[data-theme="light"] .logo-pin img{ filter:brightness(.72) saturate(1.4) drop-shadow(0 0 10px rgba(240,209,137,.7)) drop-shadow(0 6px 14px rgba(0,0,0,.35)); }
html[data-theme="light"] .dot{ background:rgba(240,209,137,.3); }
html[data-theme="light"] .dot.is-active{ background:linear-gradient(135deg,#F0D189,#B48C50); box-shadow:0 0 14px rgba(240,209,137,.7); }

/* ---------- in-fold event details band ---------- */
html[data-theme="light"] .infold{ background:#EFE6D2; }
html[data-theme="light"] .infold::before{ filter:blur(14px) saturate(.55) brightness(1.7); opacity:.6; }
html[data-theme="light"] .infold::after{ background:linear-gradient(180deg, rgba(247,241,227,.85), rgba(239,230,210,.7)); }
html[data-theme="light"] .infold-item{ color:var(--text); }
html[data-theme="light"] .infold-item b{ color:#8A5E14; }

/* ---------- event map ---------- */
html[data-theme="light"] .map-shell{ background:#E7DCC2; box-shadow:inset 0 0 0 1px var(--line), 0 24px 60px rgba(90,70,30,.18); }
html[data-theme="light"] .event-map{ background:#E7DCC2; }
html[data-theme="light"] .event-map::after{ background:radial-gradient(120% 80% at 50% 40%, transparent 60%, rgba(246,239,225,.5) 100%); }
html[data-theme="light"] .map-fallback{ background:linear-gradient(180deg, rgba(255,252,245,.94), rgba(241,231,211,.96)); }
html[data-theme="light"] .map-fallback img{ filter:brightness(.6) saturate(1.5); }
html[data-theme="light"] .mapbadge{
  background:linear-gradient(180deg, rgba(255,252,245,.96), rgba(247,241,227,.98));
  box-shadow:inset 0 0 0 1px var(--line), 0 18px 44px rgba(90,70,30,.2);
}
html[data-theme="light"] .mapboxgl-ctrl-group{ background:rgba(255,252,245,.95) !important; }
html[data-theme="light"] .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon{ filter:none; }
html[data-theme="light"] .mapboxgl-ctrl-attrib{ background:rgba(255,252,245,.78) !important; }
html[data-theme="light"] .mapboxgl-ctrl-attrib a{ color:var(--muted) !important; }

/* ---------- detail cards / about cards ---------- */
html[data-theme="light"] .detail{
  background:linear-gradient(180deg,#FFFDF7,#F4EAD4);
  box-shadow:inset 0 0 0 1px var(--line);
}
html[data-theme="light"] .detail:hover{ box-shadow:inset 0 0 0 1px rgba(184,137,46,.55), 0 22px 50px rgba(90,70,30,.16); }
html[data-theme="light"] .detail .ico,
html[data-theme="light"] .card .ico{
  background:radial-gradient(circle at 40% 30%, rgba(184,137,46,.18), rgba(255,253,247,.95));
}
html[data-theme="light"] .fold-copy{
  background:linear-gradient(180deg, rgba(255,252,245,.96), rgba(244,234,212,.98));
  box-shadow:inset 0 0 0 1px var(--line), 0 24px 60px rgba(90,70,30,.22);
}
html[data-theme="light"] .fold-photo{ box-shadow:inset 0 0 0 1px var(--line), 0 30px 80px rgba(90,70,30,.22); }
html[data-theme="light"] .qcopy .role{ color:#E2D3AC; }
html[data-theme="light"] .qcopy h3{ color:#F0D189; }
html[data-theme="light"] .qcopy p{ color:rgba(245,237,219,.82); }
html[data-theme="light"] .qcopy p strong{ color:#F5EDDB; }
html[data-theme="light"] .card,
html[data-theme="light"] .cat{
  background:linear-gradient(180deg,#FFFDF7,#F4EAD4);
  box-shadow:inset 0 0 0 1px var(--line-soft);
}
html[data-theme="light"] .card:hover{ box-shadow:inset 0 0 0 1px rgba(184,137,46,.55), 0 22px 50px rgba(90,70,30,.16); }
html[data-theme="light"] .quote{ background:linear-gradient(180deg,#FFFDF7,#F4EAD4); }
html[data-theme="light"] .quote p{ color:var(--cream); }
html[data-theme="light"] .chip{ background:rgba(184,137,46,.12); }

/* image / scrolly cards keep a dark scrim so their captions stay readable */
html[data-theme="light"] .park-t,
html[data-theme="light"] .ph-t{ color:#FBF3E2; }
html[data-theme="light"] .sv-inner h3{ color:#F5EDDB; }
html[data-theme="light"] .sv-inner p{ color:rgba(245,237,219,.8); }
html[data-theme="light"] .sv-dw{ color:#F0D189; }
@media (max-width:900px){
  html[data-theme="light"] .sstep h4{ color:#F5EDDB; }
  html[data-theme="light"] .sstep-body{ color:rgba(245,237,219,.88); }
  html[data-theme="light"] .sstep-n,
  html[data-theme="light"] .sstep .kicker{ color:#F0D189; }
}

/* ---------- CTA bands ---------- */
html[data-theme="light"] .band{
  background:
    radial-gradient(600px 320px at 50% 0%, rgba(184,137,46,.16), transparent 70%),
    linear-gradient(180deg, rgba(255,252,245,.96), rgba(241,231,211,.98)),
    url('/draft/sanchezlegacy/facade-ribbon-right.webp') right bottom/40% auto no-repeat,
    url('/draft/sanchezlegacy/facade-ribbon-left.webp') left bottom/40% auto no-repeat;
  box-shadow:inset 0 0 0 1px var(--line), 0 30px 70px rgba(90,70,30,.16);
}
html[data-theme="light"] .fabian,
html[data-theme="light"] .cta-band{
  background:
    radial-gradient(600px 300px at 50% 0%, rgba(184,137,46,.16), transparent 70%),
    linear-gradient(180deg, rgba(255,252,245,.96), rgba(241,231,211,.98));
  box-shadow:inset 0 0 0 1px var(--line), 0 30px 70px rgba(90,70,30,.16);
}
html[data-theme="light"] .subscribe input{ background:rgba(255,252,245,.9); color:var(--text); }
html[data-theme="light"] .subscribe input::placeholder{ color:var(--faint); }
html[data-theme="light"] .subscribe input:focus{ box-shadow:inset 0 0 0 1px var(--gold), 0 0 22px rgba(184,137,46,.22); }
html[data-theme="light"] .form-note.err{ color:#B5301F; }

/* ---------- first-visit popup ---------- */
html[data-theme="light"] .popup-backdrop{ background:rgba(40,28,14,.5); }
html[data-theme="light"] .popup-card{
  background:
    linear-gradient(180deg, rgba(255,252,245,.98), rgba(244,234,212,.99)),
    url('/draft/sanchezlegacy/facade-fireworks.webp') center top/cover no-repeat;
  box-shadow:inset 0 0 0 1px var(--line), 0 44px 110px rgba(60,45,20,.4);
}
html[data-theme="light"] .popup-card::before{ background:radial-gradient(520px 260px at 50% -10%, rgba(184,137,46,.18), transparent 66%); }
html[data-theme="light"] .popup-x{ background:rgba(255,252,245,.8); }
html[data-theme="light"] .popup-x:hover{ background:rgba(184,137,46,.16); }

/* ---------- theme toggle (shared by both themes) ---------- */
.theme-toggle{
  display:inline-flex; align-items:center; gap:7px; cursor:pointer; flex:0 0 auto;
  font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.02em;
  padding:8px 13px; border-radius:999px; border:none;
  color:var(--gold-bright); background:rgba(18,13,10,.6);
  box-shadow:inset 0 0 0 1px var(--line);
  transition:background .15s, color .15s, transform .15s, box-shadow .15s;
}
.theme-toggle:hover{ transform:translateY(-1px); background:rgba(201,162,74,.12); }
.theme-toggle svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
html[data-theme="light"] .theme-toggle{ background:rgba(255,252,245,.75); }
html[data-theme="light"] .theme-toggle:hover{ background:rgba(184,137,46,.14); }
@media (max-width:520px){ .theme-toggle .tt-label{ display:none; } }