/* Time-based theme styling; independent of interactive-page startup. */
:root[data-theme="light"] {
  color-scheme: light;
  --black: #ffffff;
  --black-deep: #f7f4ec;
  --black-soft: #eee9dd;
  --white: #231f20;
  --ivory: #ffffff;
  --ink: #231f20;
  --muted-dark: #5e5753;
  --gold: #827024;
  --gold-light: #6f5e20;
  --gold-dark: #827024;
  --line-dark: rgba(130,112,36,.25);
}
[data-theme="light"] .btn-gold,
[data-theme="light"] .wa-float { background: #c6af52; border-color: #c6af52; color: #231f20; }
[data-theme="light"] .btn-gold:hover,
[data-theme="light"] .wa-float:hover { background: #ddc977; border-color: #ddc977; }
[data-theme="light"] .btn-ghost { border-color: rgba(35,31,32,.35); }
[data-theme="light"] .site-header.scrolled,
[data-theme="light"] .site-header.solid { background: rgba(255,255,255,.96); }
[data-theme="light"] .nav > a:not(.btn) { color: #3c3533; }
[data-theme="light"] .hero-photo { opacity: .55; }
[data-theme="light"] .hero-photo::after { background: linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08) 40%,rgba(255,255,255,.6)); }
[data-theme="light"] .page-hero::after { background: linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.6) 40%,rgba(247,244,236,.98)),linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.2)); }
[data-theme="light"] .page-hero .lead,
[data-theme="light"] .service li,
[data-theme="light"] .footer-grid li,
[data-theme="light"] .footer-grid li a,
[data-theme="light"] .footer-legal a,
[data-theme="light"] .footer-legal button,
[data-theme="light"] .footer-bottom,
[data-theme="light"] .hero-meta .wrap,
[data-theme="light"] .breadcrumb,
[data-theme="light"] .breadcrumb a,
[data-theme="light"] .photo-note { color: #5e5753; }
[data-theme="light"] .footer-grid { border-bottom-color: rgba(35,31,32,.12); }
[data-theme="light"] .hero-dots button::before { background: rgba(35,31,32,.3); }
[data-theme="light"] .hero-dots button[aria-selected="true"]::before { background: var(--gold); }
@media (max-width: 900px) {
  [data-theme="light"] .nav-open .site-header,
  [data-theme="light"] .nav-open .site-header.solid,
  [data-theme="light"] .nav-open .site-header.scrolled { background: var(--black-deep); }
}
/* Captions sit on photographs in both themes. */
[data-theme="light"] .tile figcaption { color: #ffffff; }
[data-theme="light"] .tile figcaption small { color: #ddc977; }
[data-theme="light"] .service .num { color: #827024; }
/* Keep hero copy legible with the clearer light-theme photography. */
[data-theme="light"] .hero .lead { color: #332e2b; }
[data-theme="light"] .hero .eyebrow,
[data-theme="light"] .hero h1 em { color: #67571b; }
