/* The site keeps its existing dark palette by default. Theme choice is stored
   in localStorage and applied to the root element before styles are painted. */
html[data-theme="light"] {
  color-scheme: light;
  --gold: #9b741d;
  --gold-light: #b18425;
  --gold-dim: #775715;
  --ink: #f6f8fa;
  --ink-2: #ffffff;
  --ink-3: #edf1f5;
  --stone: #e8edf1;
  --muted: #687889;
  --cream: #192b3b;
  --cream-dim: #526477;
  --white: #ffffff;
  --dark: #192b3b;
  --light: #f3f6f8;
}

html[data-theme="light"] body {
  background: var(--ink);
  color: var(--cream);
}

html[data-theme="light"] .navbar {
  background: rgba(255, 255, 255, .96);
  border-bottom-color: #e2e8ed;
  box-shadow: 0 5px 22px rgba(24, 43, 60, .06);
}

html[data-theme="light"] .nav-links a,
html[data-theme="light"] .hamburger,
html[data-theme="light"] .mobile-nav a,
html[data-theme="light"] .mobile-dropdown-toggle {
  color: var(--cream-dim);
}

html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .dropdown a:hover {
  color: var(--gold-dim);
}

html[data-theme="light"] .dropdown,
html[data-theme="light"] .mobile-sidebar {
  background: #fff;
  border-color: #e1e7ed;
  box-shadow: 0 16px 45px rgba(25, 43, 59, .12);
}

html[data-theme="light"] .dropdown a,
html[data-theme="light"] .mobile-sub a {
  color: var(--cream-dim);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

/* Light-mode readability fixes. These selectors apply only when the visitor
   chooses Light; the original dark-mode rules remain untouched. */
html[data-theme="light"] .contact-section-head h2,
html[data-theme="light"] .office-showcase__content h2,
html[data-theme="light"] .contact-final-cta h2,
html[data-theme="light"] .about-story h2,
html[data-theme="light"] .about-section-head h2,
html[data-theme="light"] .about-values__intro h2,
html[data-theme="light"] .about-team-head h2,
html[data-theme="light"] .about-final-cta h2,
html[data-theme="light"] .projects-section-head h2,
html[data-theme="light"] .projects-empty h2,
html[data-theme="light"] .lux-section-head h2,
html[data-theme="light"] .lux-split-head h2,
html[data-theme="light"] .lux-about-copy h2,
html[data-theme="light"] .lux-impact-copy h2,
html[data-theme="light"] .lux-blood h2,
html[data-theme="light"] .lux-contact-copy h2,
html[data-theme="light"] .lux-final-banner h2 {
  color: #192b3b;
}

html[data-theme="light"] .team-body h3,
html[data-theme="light"] .team-contact a,
html[data-theme="light"] .team-subtitle,
html[data-theme="light"] .about-story__content p:not(.about-lead),
html[data-theme="light"] .about-duo-card p,
html[data-theme="light"] .about-feature-card p,
html[data-theme="light"] .about-value-item p,
html[data-theme="light"] .about-timeline-item p,
html[data-theme="light"] .office-showcase__content p,
html[data-theme="light"] .contact-form-intro p {
  color: #44586c;
}

html[data-theme="light"] .contact-info-card {
  background: #fff;
  border-color: #e4e9ee;
  box-shadow: 0 14px 35px rgba(24, 43, 60, .10);
}

html[data-theme="light"] .contact-info-card a,
html[data-theme="light"] .contact-info-card p,
html[data-theme="light"] .contact-form-note span {
  color: #34495d;
}

html[data-theme="light"] .contact-form-note {
  background: #fff;
  border-color: #e0e6ec;
}

html[data-theme="light"] .contact-form-note strong { color: #192b3b; }
html[data-theme="light"] .contact-form-section { background: #eef2f5; }
html[data-theme="light"] .contact-form-intro h2 { color: #192b3b; }
html[data-theme="light"] .office-showcase { background: #f6f8fa; }
html[data-theme="light"] .about-story,
html[data-theme="light"] .about-mission-vision,
html[data-theme="light"] .about-values,
html[data-theme="light"] .about-strengths,
html[data-theme="light"] .about-team-preview,
html[data-theme="light"] .about-partners,
html[data-theme="light"] .team-hero,
html[data-theme="light"] .team-section,
html[data-theme="light"] .projects-portfolio,
html[data-theme="light"] .projects-filter-section {
  background-color: #f6f8fa;
}

html[data-theme="light"] .about-lead { color: #34495d; }
html[data-theme="light"] .team-card,
html[data-theme="light"] .about-duo-card,
html[data-theme="light"] .about-feature-card,
html[data-theme="light"] .about-value-item,
html[data-theme="light"] .about-timeline-item,
html[data-theme="light"] .about-team-card,
html[data-theme="light"] .projects-lux-card {
  background-color: #fff;
  border-color: #e1e7ed;
  color: #34495d;
}

html[data-theme="light"] .team-card .team-role,
html[data-theme="light"] .team-card .team-designation,
html[data-theme="light"] .team-card .team-division { color: #84600f; }
html[data-theme="light"] .team-card .team-body p,
html[data-theme="light"] .projects-lux-card p { color: #526477; }
html[data-theme="light"] .projects-lux-card h3 { color: #192b3b; }
html[data-theme="light"] .projects-filter-section {
  background: rgba(255, 255, 255, .94);
  border-color: #e1e7ed;
}
html[data-theme="light"] .projects-filterbar a { color: #526477; }
html[data-theme="light"] .projects-filterbar a.active,
html[data-theme="light"] .projects-filterbar a:hover { color: #fff; }
html[data-theme="light"] .projects-card-meta dd { color: #34495d; }

/* Keep animated content from disappearing if an observer is unavailable or
   a full-page capture does not scroll each section into view. */
html[data-theme="light"] .lux-home .lux-reveal,
html[data-theme="light"] .projects-page .projects-reveal,
html[data-theme="light"] .about-page .about-reveal,
html[data-theme="light"] .contact-page .reveal {
  opacity: 1;
  visibility: visible;
  transform: none;
}
html[data-theme="light"] .lux-project-card p,
html[data-theme="light"] .lux-feature-card p,
html[data-theme="light"] .lux-about-copy p,
html[data-theme="light"] .lux-impact-copy p,
html[data-theme="light"] .lux-blood p,
html[data-theme="light"] .lux-blog-card p,
html[data-theme="light"] .lux-contact-copy p {
  color: #526477;
}

html[data-theme="light"] .about-duo-card h3,
html[data-theme="light"] .about-feature-card h3,
html[data-theme="light"] .about-value-item h3,
html[data-theme="light"] .about-timeline-item h3,
html[data-theme="light"] .about-team-card h3 {
  color: #192b3b;
}

html[data-theme="light"] .people-page-hero,
html[data-theme="light"] .people-section--alt {
  background: #f1f4f7;
}

html[data-theme="light"] .people-page-hero h1,
html[data-theme="light"] .people-section-head h2,
html[data-theme="light"] .people-leader-copy h3,
html[data-theme="light"] .people-member-copy h3 {
  color: #192b3b;
}

html[data-theme="light"] .people-page-hero p,
html[data-theme="light"] .people-section-head p,
html[data-theme="light"] .people-leader-copy > p,
html[data-theme="light"] .people-leader-copy blockquote,
html[data-theme="light"] .people-division,
html[data-theme="light"] .people-member-bio {
  color: #526477;
}

html[data-theme="light"] .people-leader-card,
html[data-theme="light"] .people-member-card {
  border-color: #e0e6ec;
  background: #fff;
  box-shadow: 0 18px 42px rgba(24, 43, 60, .08);
}

html[data-theme="light"] .people-leader-photo,
html[data-theme="light"] .people-member-photo {
  background: linear-gradient(145deg, #e8edf2, #f7f9fb);
  color: #9b741d;
}

html[data-theme="light"] .people-designation,
html[data-theme="light"] .people-contact-links a {
  color: #84600f;
}

html[data-theme="light"] .people-slider-controls button {
  border-color: #c9a84c;
  color: #775715;
}

html[data-theme="light"] .people-slider-controls button:hover,
html[data-theme="light"] .people-slider-controls button:focus-visible {
  color: #fff;
}