/* =========================================================================
   PRESTIGE — Light theme overrides
   Loaded AFTER tokens.css (and after every other stylesheet) on the light
   version of a page. Redefines only the tokens that represent page chrome
   (surfaces, text, glass panels) — colors used for text/badges sitting on
   top of photographs are intentionally left untouched, since a photo scrim
   needs to stay dark regardless of the site's light/dark mode.
   ========================================================================= */

:root {

  /* ---- Surface primitives (page bg / alt sections / cards / hover) ----- */
  --c-black: #f6f4ef;          /* → --surface-0, page background */
  --c-graphite-950: #efece3;   /* → --surface-1, alt section background */
  --c-graphite-900: #ffffff;   /* → --surface-2, card background */
  --c-graphite-850: #f4f1ea;   /* → --surface-3, elevated / hover */

  /* ---- Hairline borders -------------------------------------------------- */
  --c-ink-08: rgba(20, 20, 24, 0.09);   /* → --surface-border */
  --c-ink-12: rgba(20, 20, 24, 0.15);   /* → --surface-border-strong */

  /* ---- Page-chrome text (does NOT affect text painted over photos) ----- */
  --text-primary: #191a1d;
  --text-secondary: rgba(23, 24, 27, 0.78);
  --text-tertiary: rgba(23, 24, 27, 0.62);

  /* Gold reads lighter against white — shift one step darker for AA contrast */
  --text-gold: var(--c-gold-600);

  /* Gold buttons: on white pages a dark label reads muddy — go light instead,
     and richen the fill itself (drop the palest stop) so contrast stays high
     across the whole gradient, not just at the darkest corner. */
  --text-on-gold: #fbf8f1;
  --grad-gold-fill: linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-500) 55%, var(--c-gold-600) 100%);

  /* ---- Glass / overlay panels ------------------------------------------- */
  --header-glass-bg: rgba(255, 255, 255, 0.82);
  --rail-glass-bg: rgba(255, 255, 255, 0.72);

  /* Full-bleed overlays (mobile nav, modal backdrop, lightbox) keep a dark
     scrim in both themes — it is a focus/dimming device, not page chrome. */

  /* ---- Form fields --------------------------------------------------------- */
  --input-bg: rgba(20, 20, 24, 0.035);
  --input-bg-focus: rgba(20, 20, 24, 0.055);

  /* ---- Card sheen: subtle dark tint instead of white-on-white glare ----- */
  --grad-card: linear-gradient(160deg, rgba(20,20,24,0.035) 0%, rgba(20,20,24,0.01) 100%);

  /* ---- Shadows: lighter + cooler so they don't look muddy on white ------ */
  --shadow-xs: 0 2px 8px rgba(20, 20, 24, 0.08);
  --shadow-sm: 0 6px 18px rgba(20, 20, 24, 0.09);
  --shadow-md: 0 16px 40px rgba(20, 20, 24, 0.11);
  --shadow-lg: 0 26px 70px rgba(20, 20, 24, 0.14);
  --shadow-inset-line: inset 0 1px 0 rgba(20, 20, 24, 0.04);

  /* Hero photo itself: the ::before/::after scrims stay dark top-to-bottom
     in both themes — the hero title, subtitle and glass button sit low in
     the section (flex-end aligned) and need reliable contrast against the
     photo regardless of site theme. Brightening lives in the trust bar's
     own panel below (see --hero-trust-* ), not in the photo overlay. */
  --hero-trust-bg: rgba(255, 255, 255, 0.9);
  --hero-trust-border: rgba(20, 20, 24, 0.12);
  --hero-trust-fg: var(--text-secondary);
  --hero-trust-fg-strong: var(--text-primary);
}

/* Gold buttons: add a soft shadow behind the label so light text stays
   crisp even where the gradient runs pale. */
.btn--primary { text-shadow: 0 1px 3px rgba(20, 15, 2, 0.22); }

/* The hero eyebrow sits on the dark-scrimmed photo, not the page — keep it
   the same light gold used in dark mode instead of the page's darker gold. */
.hero__content .eyebrow { color: var(--c-gold-300); }
.hero__content .eyebrow::before { background: var(--c-gold-300); }

/* Scrollbar track follows the new (light) --surface-0 automatically via
   tokens.css' existing rules — no extra override needed. */