/* ============================================================
   THEME: LIGHT / IVORY
   Loads AFTER styles.css. Re-skins the palette to a warm cream
   white and fixes the few rules that assumed a dark background.
   (Smoke tint/embers are handled in main.js via .theme-light.)
============================================================= */

.theme-light {
  /* warm cream backgrounds */
  --bg:        #f6f1e8;
  --bg-2:      #efe8db;
  --bg-3:      #e7dcc9;
  --ink:       #241c14;   /* stays dark: gold-button text + the loader intro */

  /* golds deepened so they read on cream */
  --gold:      #b8902f;
  --gold-soft: #9c7a2e;
  --gold-bright:#d8b25a;
  --gold-deep: #7a5c1f;

  --accent:    #8a2515;
  --accent-br: #a8311a;

  /* text roles flip to dark espresso on cream */
  --sand:      #2c2118;
  --sand-dim:  #6a5b48;
  --sand-faint:#9a8b73;

  --line:      rgba(90,68,30,0.26);
  --line-soft: rgba(44,33,24,0.10);
  --glass:     rgba(246,241,232,0.72);
}

/* texture overlays tuned for light */
.theme-light .grain { mix-blend-mode: multiply; opacity: 0.04; }
.theme-light .vignette {
  background: radial-gradient(120% 120% at 50% 38%, transparent 58%, rgba(120,98,60,0.12) 100%);
}
.theme-light ::selection { color: #fff8ec; }

/* the ghosted Konark wheel needs more presence on cream (embossed look) */
.theme-light .hero__wheel { opacity: 0.18; color: var(--gold-soft); }

/* image slots: faint dark hatching instead of faint light hatching */
.theme-light .slot {
  background:
    radial-gradient(120% 120% at 70% 20%, rgba(184,144,47,0.14), transparent 60%),
    repeating-linear-gradient(45deg, rgba(60,45,28,0.045) 0 14px, transparent 14px 28px),
    var(--bg-3);
}

/* closing CTA cards were dark-translucent — make them light-translucent */
.theme-light .path { background: rgba(255,253,248,0.5); }
.theme-light .close__smoke { opacity: 0.6; }

/* footer goes ivory too (instead of the near-black) */
.theme-light .foot { background: var(--bg-3); }

/* heritage spire kept as a faint backdrop behind the text */
.theme-light .heritage__spire { opacity: 0.22; }

/* "Since 1996 · Odisha" sits over the pale spire — darken it for contrast */
.theme-light .heritage__lead .eyebrow { color: #4a3a20; }

/* gold button keeps dark text via --ink (already dark) — nothing to do */

/* ============================================================
   DARK HERO ON THE LIGHT SITE
   The hero stays cinematic-dark; the body below is ivory.
   These rules re-darken only the hero + the nav while it floats
   over the hero (the solid/scrolled nav returns to dark-on-light).
============================================================= */
/* hard edge: dark hero ends crisply, gold divider line, and the hero
   casts a soft shadow down onto the ivory body below. */
.theme-light .hero {
  /* same warm lighting as the dark build */
  background:
    radial-gradient(78% 52% at 50% 98%, rgba(118,62,22,0.30) 0%, rgba(56,28,12,0.12) 38%, transparent 64%),
    radial-gradient(140% 120% at 50% 100%, #1a120c 0%, #0e0a07 62%, #080605 100%);
  position: relative;
  z-index: 2;                       /* sit above the ivory body so the shadow shows on it */
  border-bottom: 2px solid var(--gold);
  box-shadow: 0 16px 32px -6px rgba(8, 5, 3, 0.55);
}

.theme-light .hero__wheel { opacity: 0.10; color: #c9a24b; }

.theme-light .hero__eyebrow { color: #c9a24b; }
.theme-light .hero__word {
  background: linear-gradient(180deg, #ffe6ad 0%, #e6b85a 42%, #b07e24 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow:
    0 0 16px rgba(255,178,90,0.22),
    0 0 46px rgba(232,142,52,0.13);
}
.theme-light .hero__tagline { color: #ece0cb; }
.theme-light .hero__scroll span { color: #b6a98f; }
.theme-light .hero .btn--line { color: #ece0cb; border-color: rgba(201,162,75,0.32); }
.theme-light .hero .btn--line:hover { color: #e9cd8a; border-color: #c9a24b; }

/* nav floating over the dark hero → light text */
.theme-light .nav__brand-name { color: #ece0cb; }
.theme-light .nav__links a { color: #b6a98f; }
.theme-light .nav .btn--ghost { color: #cbbfa6; border-color: rgba(201,162,75,0.32); }
.theme-light .nav__burger span { background: #ece0cb; }
/* once scrolled onto the ivory body → dark-on-light */
.theme-light .nav--solid .nav__brand-name { color: var(--sand); }
.theme-light .nav--solid .nav__links a { color: var(--sand-dim); }
.theme-light .nav--solid .nav__links a:hover { color: var(--sand); }
.theme-light .nav--solid .btn--ghost { color: var(--sand-dim); border-color: var(--line); }
.theme-light .nav--solid .nav__burger span { background: var(--sand); }

/* mobile: the fullscreen menu overlay is ivory → dark text/burger there */
@media (max-width: 900px) {
  .theme-light .nav__links a { color: var(--sand); }
  .theme-light.nav-open .nav__brand-name { color: var(--sand); }
  .theme-light.nav-open .nav__burger span { background: var(--sand); }
}