/* =====================================================================
   GottRev Theme — light paper chambers.

   Light is the only theme. The orchestrator hardcodes class="theme-light"
   permanently on <html>, so every rule below is the always-on look —
   still namespaced under html.theme-light (not rewritten as bare
   globals) so precedence stays predictable and matches the ambient
   agent's own html.theme-light-keyed work.

   Scope: header.hero, section.apply, footer, and nav stay dark navy
   exactly as shipped — the WebGL hero, the glass form, and the white
   script logo need that dark stage. Only the middle of the page is
   light paper: .marquee, .chamber (ads / os / bespoke), .connector,
   section.process, section.faqsec.

   Every override below is written as `html.theme-light <selector>` so
   it reliably outranks the page's inline <style> block on specificity
   alone, regardless of where this file is linked in <head>.
===================================================================== */

/* ---------------------------------------------------------------------
   Custom cursor (uikit.css) — the dot/ring use mix-blend-mode: screen,
   which is invisible against light backgrounds. Swap to a solid,
   normal-blend deep teal (and deep amber for the bespoke variant) so
   the cursor still reads on paper.
--------------------------------------------------------------------- */
html.theme-light .gr-cursor-dot {
  background: #8A6420;
  box-shadow: 0 0 8px rgba(138, 100, 32, .5);
  mix-blend-mode: normal;
}
html.theme-light .gr-cursor-ring {
  border-color: rgba(138, 100, 32, .85);
  box-shadow: 0 0 14px rgba(138, 100, 32, .16), inset 0 0 10px rgba(138, 100, 32, .08);
  mix-blend-mode: normal;
}
html.theme-light .gr-cursor-ring.gr-hot {
  border-color: rgba(138, 100, 32, 1);
  box-shadow: 0 0 20px rgba(138, 100, 32, .3), inset 0 0 14px rgba(138, 100, 32, .14);
}
html.theme-light .gr-cursor-ring.gr-amber {
  border-color: rgba(138, 94, 30, .9);
  box-shadow: 0 0 20px rgba(138, 94, 30, .32), inset 0 0 14px rgba(138, 94, 30, .14);
}

/* =====================================================================
   LIGHT MODE — marquee, chambers, connector, process, faq only.
   Hero, apply, footer, and nav are intentionally untouched below.
===================================================================== */

/* Grounds: warm paper, dark ink */
html.theme-light .marquee,
html.theme-light .chamber,
html.theme-light .connector,
html.theme-light .process,
html.theme-light .faqsec {
  background: #F6F5F1;
  color: #14181E;
}
html.theme-light .marquee { border-color: rgba(20, 24, 30, .09); }
html.theme-light .chamber + .chamber { border-top-color: rgba(20, 24, 30, .08); }
html.theme-light .process { border-top-color: rgba(20, 24, 30, .08); }
html.theme-light .faqsec { border-top-color: rgba(20, 24, 30, .08); }

/* Deep accent colors — scoped to the light-zone containers only, so
   hero/apply keep the original bright teal/amber the shell shipped
   with. Custom properties cascade to every descendant that still
   reads var(--teal-hi)/var(--amber), including the bespoke chamber's
   inline `style="color:var(--amber)"` kicker. */
html.theme-light .marquee,
html.theme-light .chamber,
html.theme-light .process,
html.theme-light .faqsec {
  --teal-hi: #8A6420;
}
html.theme-light .ch-bs {
  --amber: #8A5E1E;
}

/* Marquee */
html.theme-light .mq-track span { -webkit-text-stroke-color: rgba(20, 24, 30, .25); }
html.theme-light .mq-track span.fill { filter: none; }

/* Chamber ambient orbs — halved opacity on paper */
html.theme-light .ch-os .orb { background: rgba(212, 169, 60, .045); }
html.theme-light .ch-bs .orb { background: rgba(224, 152, 58, .035); }
html.theme-light .process .orb { background: rgba(232, 188, 94, .03); }

/* Giant depth-watermark numerals — kept subtle, re-tinted for paper */
html.theme-light .depthnum {
  color: rgba(20, 24, 30, .03);
  -webkit-text-stroke-color: rgba(138, 100, 32, .16);
  text-shadow:
    2px 2px 0 rgba(138, 100, 32, .06), 4px 4px 0 rgba(138, 100, 32, .05),
    6px 6px 0 rgba(138, 100, 32, .04), 9px 9px 0 rgba(138, 100, 32, .03),
    13px 13px 0 rgba(138, 100, 32, .02), 18px 18px 24px rgba(20, 24, 30, .06);
}
html.theme-light .ch-bs .depthnum { -webkit-text-stroke-color: rgba(138, 94, 30, .15); }

/* Chamber headings */
html.theme-light .ch-head .big { color: #14181E; }
/* background-image (not the `background` shorthand): the shorthand resets
   background-clip to its border-box initial value, which would silently
   break the text-clip gradient set by the shell's base .grx rule. */
html.theme-light .ch-head .big .grx { background-image: linear-gradient(120deg, #F2D389, #C9962E); }
html.theme-light .ch-bs .ch-head .big .grx { background-image: linear-gradient(120deg, #B77A24, #8A5E1E); }
html.theme-light .ch-head .lead { color: #66707A; }
html.theme-light .ch-head .lead b { color: #14181E; }

/* 3D card deck */
html.theme-light .card3d {
  background: #FFFFFF;
  border-color: rgba(20, 24, 30, .09);
  box-shadow: 0 2px 10px rgba(20, 24, 30, .04);
}
html.theme-light .card3d:hover {
  border-color: rgba(138, 100, 32, .35);
  box-shadow: 0 18px 40px rgba(20, 24, 30, .1);
}
html.theme-light .ch-bs .card3d:hover { border-color: rgba(138, 94, 30, .4); }
html.theme-light .card3d::before {
  background: radial-gradient(420px circle at var(--gx, 50%) var(--gy, 20%), rgba(138, 100, 32, .08), transparent 55%);
}
html.theme-light .ch-bs .card3d::before {
  background: radial-gradient(420px circle at var(--gx, 50%) var(--gy, 20%), rgba(138, 94, 30, .08), transparent 55%);
}
html.theme-light .card3d .ic { background: rgba(138, 100, 32, .1); color: #8A6420; }
html.theme-light .ch-bs .card3d .ic { background: rgba(138, 94, 30, .12); }
html.theme-light .card3d p { color: #66707A; }

/* CTA panel — stays a dark navy panel on purpose (spec: "pops beautifully
   on light"). The shell's own background here is just a translucent teal
   tint (rgba, no opaque layer) that reads as "dark" only because it used
   to sit on a dark page — on paper it would show through as pale mint.
   Re-layer the same tint over an opaque navy base so it stays a true dark
   card, then add a shadow that reads against the paper ground. */
html.theme-light .ch-cta {
  background: linear-gradient(120deg, rgba(232, 188, 94, .14), rgba(232, 188, 94, .04)), linear-gradient(160deg, #0D141B, #0A0F15);
  box-shadow: 0 20px 45px rgba(20, 24, 30, .16), 0 8px 22px rgba(20, 24, 30, .08);
}
html.theme-light .ch-bs .ch-cta {
  background: linear-gradient(120deg, rgba(224, 152, 58, .13), rgba(224, 152, 58, .04)), linear-gradient(160deg, #0D141B, #0A0F15);
}

/* Featured build panel + minor works */
html.theme-light .featured .fcard { background: #FFFFFF; box-shadow: 0 20px 50px rgba(20, 24, 30, .1); }
html.theme-light .featured p { color: #66707A; }
html.theme-light .tag { color: #66707A; background: rgba(20, 24, 30, .05); border-color: rgba(20, 24, 30, .1); }
html.theme-light .mwork { background: #FFFFFF; border-color: rgba(20, 24, 30, .08); box-shadow: 0 2px 10px rgba(20, 24, 30, .04); }
html.theme-light .mwork:hover { border-color: rgba(138, 94, 30, .35); box-shadow: 0 18px 40px rgba(20, 24, 30, .1); }
html.theme-light .mwork p { color: #66707A; }

/* Process strip + team */
html.theme-light .pstep { background: #FFFFFF; border-color: rgba(20, 24, 30, .09); box-shadow: 0 2px 10px rgba(20, 24, 30, .04); }
html.theme-light .pstep:hover { border-color: rgba(138, 100, 32, .35); box-shadow: 0 18px 40px rgba(20, 24, 30, .1); }
html.theme-light .pstep .pn { background-image: linear-gradient(120deg, #F2D389, #C9962E); }
html.theme-light .pstep p { color: #66707A; }
html.theme-light .pnote { color: #66707A; }
html.theme-light .pnote b { color: #14181E; }
html.theme-light .who p { color: #66707A; }

/* FAQ */
html.theme-light .faq details { background: #FFFFFF; border-color: rgba(20, 24, 30, .09); box-shadow: 0 1px 4px rgba(20, 24, 30, .03); }
html.theme-light .faq details:hover, html.theme-light .faq details[open] { border-color: rgba(138, 100, 32, .35); }
html.theme-light .faq summary::after { background: rgba(138, 100, 32, .1); }
html.theme-light .faq .a { color: #66707A; }
html.theme-light .faq .a b { color: #14181E; }
