/* Daylight is a second art direction, not a filter over documentary photos.
   No selectors below alter the news/project grid or the retained dark palette. */
html[data-pgm-theme="light"] {color-scheme: light; background: #f4f0e7; --black: #f4f0e7; --white: #24372f; --soft: #56645b; --bronze: #73532f; --bronze-deep: #73532f}
html[data-pgm-theme="dark"] {color-scheme: dark}
html[data-pgm-theme="light"] .pgm-public {
  --pgm-bg: #f4f0e7; --pgm-panel: #ebe7dc; --pgm-milk: #24372f;
  --pgm-muted: #56645b; --pgm-bronze: #73532f; --pgm-rule: #24372f33;
  --paper: #f4f0e7; --paper-deep: #ebe7dc; --dark: #24372f;
  --white: #24372f; --black: #f4f0e7; --soft: #56645b;
  --bg: var(--pgm-bg); --panel: var(--pgm-panel); --ink: var(--pgm-milk);
  --muted: var(--pgm-muted); --accent: var(--pgm-bronze); --line: var(--pgm-rule);
  background: var(--pgm-bg); color: var(--pgm-milk);
}
html[data-pgm-theme="light"] .pgm-public :is(.topbar, .site-bar, .site-bar.is-solid, .pgm-masthead) {background: linear-gradient(#faf7f1fa, #faf7f1eb); color: var(--pgm-milk); border-color: var(--pgm-rule)}
html[data-pgm-theme="light"] .pgm-public :is(.brand, .menu-head) img {filter: brightness(0) saturate(100%); opacity: .82}
html[data-pgm-theme="light"] .pgm-public :is(#menu, #site-menu)::backdrop {background: #f4f0e7f5}
html[data-pgm-theme="light"] .pgm-public .desktop-nav .nav-help {border-color: #73532f70; color: var(--pgm-milk)}
html[data-pgm-theme="light"] .pgm-public :is(a, button, summary, input, select):focus-visible {outline-color: #365647}

/* Sunlit illustrations plus a quiet paper veil protect the actual reading area. */
html[data-pgm-theme="light"] .opening {--poster: url('/daylight/coast-temple-day.webp')}
html[data-pgm-theme="light"] .mission {--poster: url('/daylight/passage-day.webp')}
html[data-pgm-theme="light"] .people {--poster: url('/daylight/book-day.webp')}
html[data-pgm-theme="light"] .heritage {--poster: url('/daylight/coast-temple-day.webp')}
html[data-pgm-theme="light"] .scene::before {background-image: linear-gradient(90deg, #f4f0e7f2 0%, #f4f0e7b8 38%, #f4f0e710 78%), var(--poster)}
html[data-pgm-theme="light"] .scene::after {background: linear-gradient(90deg, #f4f0e7d9, #f4f0e744)}
html[data-pgm-theme="light"] .route-media img[data-light-src] {filter: none}
html[data-pgm-theme="light"] .film-shade {background: linear-gradient(90deg, #f4f0e7f0 0%, #f4f0e7b8 37%, #f4f0e700 78%), linear-gradient(0deg, #f4f0e7bb, transparent 35%, transparent 70%, #f4f0e755)}
html[data-pgm-theme="light"] :is(.scene-top, .scene-copy .intro, .reading .route-hero .lead) {text-shadow: none; color: #24372f}
html[data-pgm-theme="light"] :is(.scene-copy h1, .scene-copy h2, .scene-copy .kicker, .scene-copy .line-link, .scene-bottom, .route-hero-copy h1, .route-hero-copy .eyebrow, .route-hero-copy .breadcrumbs, .route-hero-copy .route-reading-link, .route-source) {text-shadow: none}
html[data-pgm-theme="light"] .scene-top .location {background: #faf7f1cc; color: #56645b; text-shadow: none}
html[data-pgm-theme="light"] :is(.scene .kicker, .scene .location, .scene-bottom, .stage-counter, .film-preview-link span) {color: #56645b}
html[data-pgm-theme="light"] .giant-mark {color: #24372f0c}
html[data-pgm-theme="light"] :is(.scene-bottom a, .film-preview-link, .counter-line, .chapter-nav) {border-color: #24372f55}
html[data-pgm-theme="light"] .counter-line {background: #24372f55}
html[data-pgm-theme="light"] .stage-counter {background: #faf7f1b8}
html[data-pgm-theme="light"] .scroll-cue i {background: linear-gradient(transparent, #365647)}
/* Match expanded/mobile cinema specificity: inherited light ink must never sit on a night HUD. */
html[data-pgm-theme="light"] .is-ready:not(.linear) .chapter-nav {background: #faf7f1; border-color: #73532f}
html[data-pgm-theme="light"] .chapter-nav {background: #faf7f1}
html[data-pgm-theme="light"] .chapter-nav a {color: #56645b; text-shadow: none}
html[data-pgm-theme="light"] .chapter-nav a[aria-current="location"] {color: #24372f}
html[data-pgm-theme="light"] .chapter-nav :is(i, a[aria-current="location"]::before) {background: #365647}
html[data-pgm-theme="light"] :is(.motion-toggle, .route-motion-toggle, .route-video-toggle) {background: #faf7f1eb; border-color: #24372f55; color: #24372f}
html[data-pgm-theme="light"] .passage-veil {background: radial-gradient(ellipse at 72% 45%, transparent 12%, #f4f0e72b 37%, #f4f0e7c9 84%)}
html[data-pgm-theme="light"] .light-bridge {mix-blend-mode: normal; background: linear-gradient(106deg, transparent 24%, #faf7f133 38%, #faf7f1a0 48%, transparent 67%)}
html[data-pgm-theme="light"] .sky-bridge {mix-blend-mode: normal}
html[data-pgm-theme="light"] #light-field {display: none}
html[data-pgm-theme="light"] .shutter {background: #f4f0e7}
html[data-pgm-theme="light"] .scene-copy .line-link {background: #294b3e; border-color: #294b3e; color: #fffdf8}
html[data-pgm-theme="light"] .scene-copy .line-link:hover {background: #1c382d; border-color: #1c382d; color: #fffdf8}
html[data-pgm-theme="light"] .film-preview-link {color: #24372f}
html[data-pgm-theme="light"] .is-ready.cinema-expanded:not(.story-passed) .cinema-exit {background: #faf7f1; color: #24372f; border-color: #73532f; text-shadow: none}
html[data-pgm-theme="light"] .is-ready.cinema-expanded:not(.story-passed) .cinema-exit:hover {background: #fffdf8; color: #24372f}
html[data-pgm-theme="light"] .is-ready.cinema-expanded:not(.story-passed) .cinema-exit:focus-visible {outline: 3px solid #365647; outline-offset: 4px}

/* Reading rooms: neutral surfaces and one consistent green/bronze hierarchy. */
html[data-pgm-theme="light"] .pgm-public :is(.home-projects, .home-open, .home-news, .home-featured, .home-event, .home-participate) {background: #ebe7dc}
html[data-pgm-theme="light"] .pgm-public :is(.home-event, .home-participate, .home-featured) {background: radial-gradient(ellipse at 95% 20%, #e2d4bb55, transparent 60%), #f4f0e7}
html[data-pgm-theme="light"] .pgm-public :is(.editorial-home h2 em, .event-date strong, .home-feed-meta, .home-featured-meta, .home-featured-hint, .project-showcase-meta, .project-showcase-place) {color: var(--pgm-bronze)}
html[data-pgm-theme="light"] .pgm-public :is(.image-link, .home-feed-image, .project-showcase-photo, .card-photo, .cover, .cover-zoom, .slide img, .home-featured-gallery img, .managed-project-card > img) {background: #dedfd5; border-color: var(--pgm-rule)}
html[data-pgm-theme="light"] .pgm-public :is(.project-showcase-card, .service-duo > a, .intent-crosslink, .story-section, .notice, .callout, .contact-card, .transparency, .related-services, .no-results) {background: #ebe7dc; border-color: var(--pgm-rule); color: var(--pgm-milk)}
html[data-pgm-theme="light"] .pgm-public :is(.project-showcase-cta, .home-feed-open, .project-showcase-status, .home-featured-gallery figcaption, .home-featured-gallery, .project-topics a, .action-secondary) {color: var(--pgm-milk); border-color: var(--pgm-rule)}
html[data-pgm-theme="light"] .pgm-public .home-feed-link:hover h3 {color: var(--pgm-bronze)}
html[data-pgm-theme="light"] .pgm-public .home-feed-arrow {background: #faf7f1eb; color: #24372f; border-color: #24372f55}
html[data-pgm-theme="light"] .pgm-public :is(.action-primary, .reading .button, .home-featured .action-primary, .reading .route-next-links .action-primary, .reading .need-help .action) {background: #294b3e; border-color: #294b3e; color: #fffdf8}
html[data-pgm-theme="light"] .pgm-public :is(.action-primary, .reading .button):hover {background: #1c382d; border-color: #1c382d; color: #fffdf8}
html[data-pgm-theme="light"] .pgm-public .action-secondary:hover {background: #ddd7c9}
html[data-pgm-theme="light"] .pgm-public .reading .image-link > :is(.image-number, .image-index, span:not([class])) {background: #faf7f1ed; color: #24372f; border-color: #24372f40}
html[data-pgm-theme="light"] .route-media {background: #f4f0e7}
html[data-pgm-theme="light"] .route-shade {background: linear-gradient(90deg, #f4f0e7f5, #f4f0e7b8 46%, #f4f0e72b 80%), linear-gradient(0deg, #f4f0e7d9, transparent 38%, #f4f0e744)}
html[data-pgm-theme="light"] .route-reading-shade {background: #f4f0e7}
html[data-pgm-theme="light"] .pgm-public :is(.route-hero-copy, .reading .route-hero h1, .reading .route-hero .lead, .reading .route-hero .eyebrow, .reading .route-hero .breadcrumbs, .reading .route-material p, .reading .route-material li, .reading .route-material dd, .reading .route-material h2, .reading .route-material h3) {color: var(--pgm-milk)}
html[data-pgm-theme="light"] .pgm-public :is(.route-source, .route-motion-hint) {color: var(--pgm-muted)!important}
html[data-pgm-theme="light"] .pgm-public :is(.reading .route-next, .route-functional .reading .page-head.route-hero) {background: var(--pgm-panel); border-color: var(--pgm-rule)}
html[data-pgm-theme="light"] .pgm-public .reading .route-material :is(.caption, .source-note, .small-label) {color: var(--pgm-muted)}
html[data-pgm-theme="light"] .pgm-public .reading .route-material :is(input, select) {background: #faf7f1; color: var(--pgm-milk); border-color: #56645b}
html[data-pgm-theme="light"] .pgm-public .reading .route-material input::placeholder {color: var(--pgm-muted)}
html[data-pgm-theme="light"] .pgm-public .route-reading-link {background: #faf7f1cc; color: var(--pgm-milk); border-color: #73532f70}
html[data-pgm-theme="light"] .pgm-public .route-reading-link:hover {background: #294b3e; color: #fffdf8}

/* Footer and native article/photo/contact dialogs also belong to the day theme. */
html[data-pgm-theme="light"] .pgm-public .launch-footer {background: #e6e4d8!important; color: #24372f!important}
html[data-pgm-theme="light"] .pgm-public .launch-footer p {color: #56645b}
html[data-pgm-theme="light"] .pgm-public :is(.launch-footer-top, .launch-footer-bottom) {border-color: var(--pgm-rule)}
html[data-pgm-theme="light"] .pgm-public .launch-footer :is(a:focus-visible, .launch-footer-cta) {outline-color: #365647; border-color: #56645b}
html[data-pgm-theme="light"] .pgm-public .lightbox-close {background: #294b3e; color: #fffdf8}
html[data-pgm-theme="light"] .pgm-public .lightbox::backdrop {background: #24372fbf}
html[data-pgm-theme="light"] .pgm-support-dock {background: #faf7f1f5; border-color: #24372f40}
html[data-pgm-theme="light"] .pgm-newsroom .pgm-support-dock {background: transparent; border-color: #24372f33}
html[data-pgm-theme="light"] .pgm-support-dock button {background: #f4f0e7; color: #24372f; border-color: #879287}
html[data-pgm-theme="light"] .pgm-support-dock .pgm-call-button {background: #294b3e; color: #fffdf8; border-color: #294b3e}
html[data-pgm-theme="light"] .pgm-support-dock .pgm-sound-button > span:first-child {color: #73532f}
html[data-pgm-theme="light"] .pgm-call-panel {background: #faf7f1; color: #24372f; border-color: #879287; box-shadow: 0 24px 90px #24372f40}
html[data-pgm-theme="light"] .pgm-call-panel::backdrop {background: #24372f9e}
html[data-pgm-theme="light"] :is(.pgm-call-overline, .pgm-call-channel p, .pgm-call-status) {color: #56645b}
html[data-pgm-theme="light"] :is(.pgm-call-panel h2 em, .pgm-call-channel > span) {color: #73532f}
html[data-pgm-theme="light"] .pgm-call-panel :is(.pgm-call-start, .pgm-call-copy, .pgm-call-finished) {background: #294b3e; color: #fffdf8; border-color: #294b3e}
html[data-pgm-theme="light"] .pgm-call-panel :is(.pgm-call-copy, .pgm-call-finished) {background: transparent; color: #24372f}
html[data-pgm-theme="light"] .pgm-call-panel a:not(.pgm-call-start) {color: #73532f}
html[data-pgm-theme="light"] :is(.pgm-support-dock, .pgm-call-panel) :is(button, a):focus-visible {outline-color: #365647}
.pgm-support-dock .pgm-theme-toggle {order: 2; justify-content: center; white-space: nowrap}
.pgm-support-dock .pgm-sound-button {order: 1}
.pgm-support-dock .pgm-call-button {order: 3}
.pgm-theme-toggle svg {width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round}
@media(max-width: 560px) {
  .pgm-support-dock .pgm-theme-toggle {width: 44px; min-width: 44px; padding: 10px}
  .pgm-theme-toggle > span {position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%)}
  html[data-pgm-theme="light"] .film-shade {background: linear-gradient(90deg, #f4f0e7ed 0%, #f4f0e7b8 65%, #f4f0e770), linear-gradient(0deg, #f4f0e7e0, transparent 38%, #f4f0e740 74%, #f4f0e755)}
  html[data-pgm-theme="light"] .route-shade {background: linear-gradient(90deg, #f4f0e7f0, #f4f0e7b8), linear-gradient(0deg, #f4f0e7e8, transparent 48%, #f4f0e770)}
}
@media print {html[data-pgm-theme] .pgm-public {background: white; color: black} .pgm-theme-toggle {display: none!important}}
