:root { color-scheme: light; }
.site-header .theme-switch { display: flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 2px; width: 76px; height: 38px; padding: 3px; margin-left: 12px; border: 0; border-radius: 999px; background: #ececf1; color: #979aa5; }
.site-header .theme-switch[hidden] { display: none; }
.site-header .theme-switch button { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.site-header .theme-switch button[aria-pressed="true"] { background: #fff; color: #202533; box-shadow: 0 1px 5px #20253318; }
.site-header .theme-switch button:hover { color: #202533; }
.site-header .theme-switch button:focus-visible { outline: 2px solid #03bafc; outline-offset: 3px; }
.theme-switch svg { display: block; }
@media (min-width: 1101px) {
 .has-foundation-navigation .site-header #main-nav { width: calc(34.315789vw + 88px); }
}
@media (max-width: 1100px) {
 .site-header .theme-switch { align-self: flex-start; margin: 12px 0 4px 12px; }
}
html[data-theme="dark"] { color-scheme: dark; --blue: #8da9ff; --cyan: #03bafc; --ink: #e6eef3; --muted: #a9bdc9; --pale: #122a39; --line: #2c4352; --white: #0c1e2b; }
html[data-theme="dark"] body { background: #0c1e2b; color: #e6eef3; }
html[data-theme="dark"] body:not(.has-immersive-hero) .site-header { background: #102635; border-color: #2c4352; }
html[data-theme="dark"] body:not(.has-immersive-hero) .site-header .header-inner { --navigation-band: #142d3e; border-color: #2c4352; }
html[data-theme="dark"] .site-header .brand { background: transparent; }
html[data-theme="dark"] body:not(.has-immersive-hero) .site-header .brand img { filter: none; }
html[data-theme="dark"] .has-foundation-navigation .site-header { background: transparent; }
html[data-theme="dark"] .has-foundation-navigation .site-header .brand { background: transparent; }
html[data-theme="dark"] .site-header #main-nav { background: #142d3e; color: #e6eef3; }
html[data-theme="dark"] .site-header #main-nav > a { color: #e6eef3; }
html[data-theme="dark"] .site-header #main-nav > a[aria-current] { color: #fff; background: #03bafc; }
html[data-theme="dark"] .site-header .nav-more-links { background: #193545; border-color: #2c4352; color: #e6eef3; }
html[data-theme="dark"] .nav-more-links > a:hover { background: #264657; color: #8edfff; }
html[data-theme="dark"] .nav-more { border-color: #2c4352; }
html[data-theme="dark"] .site-header .theme-switch { background: #253b4c; color: #92a5b3; }
html[data-theme="dark"] .site-header .theme-switch button[aria-pressed="true"] { background: #eaf0f4; color: #152c3c; }
html[data-theme="dark"] .site-header .theme-switch button:hover { color: #fff; }
html[data-theme="dark"] .site-header .theme-switch button[aria-pressed="true"]:hover { color: #152c3c; }
html[data-theme="dark"] .faces-type { background: #102635; color: #e6eef3; }
html[data-theme="dark"] .faces-type h2 em, html[data-theme="dark"] .faces-type .faces-tab[aria-selected="true"] { color: #8da9ff; }
html[data-theme="dark"] .faces-type .faces-tabs { border-color: #2c4352; }
html[data-theme="dark"] .faces-type .faces-tab-track { background: #8da9ff; }
html[data-theme="dark"] .faces-type .faces-tab { color: #a9bdc9; }
html[data-theme="dark"] .faces-type .faces-copy > p { color: #b6c7d2; }
html[data-theme="dark"] :is(.lower-focus,.lower-principles,.lower-participate,.lower-newsletter) { background: #0c1e2b; color: #e6eef3; }
html[data-theme="dark"] .lower-stories { background: #102635; color: #e6eef3; }
html[data-theme="dark"] :is(.lower-focus,.lower-stories,.lower-participate,.lower-newsletter) h2,
html[data-theme="dark"] .lower-focus .focus-story-copy h3,
html[data-theme="dark"] .lower-principle h3,
html[data-theme="dark"] .lower-action { color: #e6eef3; }
html[data-theme="dark"] :is(.lower-focus,.lower-stories,.lower-participate,.lower-newsletter) h2 em,
html[data-theme="dark"] .lower-principle h3 em { color: #a9c7d9; }
html[data-theme="dark"] :is(.lower-intro,.lower-focus-note,.lower-archive-note,.lower-film-caption,.lower-kicker),
html[data-theme="dark"] .lower-focus .lower-intro,
html[data-theme="dark"] .lower-focus .focus-story-copy > p,
html[data-theme="dark"] .lower-focus .lower-pill,
html[data-theme="dark"] .lower-focus .focus-tab small,
html[data-theme="dark"] .lower-film-copy > p,
html[data-theme="dark"] .lower-principle > span,
html[data-theme="dark"] .lower-participate-copy > p,
html[data-theme="dark"] .lower-participate-photo figcaption,
html[data-theme="dark"] .lower-action p,
html[data-theme="dark"] .lower-action-number,
html[data-theme="dark"] .lower-newsletter-shell > div > p,
html[data-theme="dark"] .lower-newsletter .newsletter-form .check { color: #adc0cc; }
html[data-theme="dark"] .lower-focus .focus-tab { color: #b0c1cd; background: transparent; border-color: #2c4352; }
html[data-theme="dark"] .lower-focus .focus-tab.is-active,
html[data-theme="dark"] .lower-focus .focus-tab:hover,
html[data-theme="dark"] .lower-focus .focus-tab.is-active > i,
html[data-theme="dark"] .lower-focus .focus-tab.is-active > span:first-child { color: #8da9ff; }
html[data-theme="dark"] .lower-focus .focus-tab::after { background: #8da9ff; }
html[data-theme="dark"] .lower-focus .focus-story { background: transparent; }
html[data-theme="dark"] :is(.lower-link,.lower-submit,.lower-action-arrow),
html[data-theme="dark"] .lower-newsletter .newsletter-form > label:first-child { color: #d3e5f1; }
html[data-theme="dark"] .lower-link > span,
html[data-theme="dark"] .lower-submit > span { color: #8da9ff; }
html[data-theme="dark"] :is(.lower-focus-note,.lower-principle,.lower-action-list,.lower-action,.lower-newsletter-shell),
html[data-theme="dark"] .lower-focus .focus-story-copy .lower-link { border-color: #2c4352; }
html[data-theme="dark"] .lower-newsletter .newsletter-row input { color: #e6eef3; }
html[data-theme="dark"] .lower-newsletter .newsletter-row input::placeholder { color: #9fb5c4; }
html[data-theme="dark"] .lower-newsletter .check a { color: #b0c5ff; }
html[data-theme="dark"] .has-immersive-hero .hope-banner,
html[data-theme="dark"] .has-foundation-navigation .site-footer { background: #102635; }
html[data-theme="dark"] .has-immersive-hero .hope-banner h2,
html[data-theme="dark"] .has-foundation-navigation .footer-grid h3 { color: #e6eef3; }
html[data-theme="dark"] .has-immersive-hero .hope-banner h2 em { color: #a9c7d9; }
html[data-theme="dark"] .has-immersive-hero .hope-banner .eyebrow,
html[data-theme="dark"] .has-foundation-navigation .footer-grid .footer-note,
html[data-theme="dark"] .has-foundation-navigation .footer-intro > p,
html[data-theme="dark"] .has-foundation-navigation .footer-grid p:not(.footer-intro p),
html[data-theme="dark"] .has-foundation-navigation .footer-grid a,
html[data-theme="dark"] .has-foundation-navigation .footer-intro .text-link,
html[data-theme="dark"] .has-foundation-navigation .footer-bottom { color: #adc0cc; }
html[data-theme="dark"] .site-footer .footer-intro > img:not(.footer-signature) { background: transparent; filter: brightness(0) invert(1); }
html[data-theme="dark"] .site-footer .footer-intro > img.footer-signature { filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; }
html[data-theme="dark"] .has-foundation-navigation .footer-wordmark { color: #b2cad9; }
html[data-theme="dark"] .has-foundation-navigation .footer-bottom { border-color: #2c4352; }
html[data-theme="dark"] body:not(.has-immersive-hero) :is(.section,.page-hero,.story-block,.card,.card-body,.enquiry-form,.donation-card,.gallery-item,.amount,dialog) { background-color: #0c1e2b; color: #e6eef3; }
html[data-theme="dark"] body:not(.has-immersive-hero) :is(.section.alt,.value-panel,.side-note,.inline-note,.gallery-section) { background-color: #122a39; }
html[data-theme="dark"] body:not(.has-immersive-hero) :is(h1,h2,h3,h4,.contact-line,.text-link) { color: #e6eef3; }
html[data-theme="dark"] body:not(.has-immersive-hero) .footer-grid a { color: #adc0cc; }
html[data-theme="dark"] input:not([type="checkbox"]), html[data-theme="dark"] select, html[data-theme="dark"] textarea { background-color: #122a39; color: #e6eef3; border-color: #45616f; }
html[data-theme="dark"] .lower-newsletter .newsletter-row input { background: transparent; }
html[data-theme="dark"] .amount.selected { background: #243c5a; color: #d3e1ff; }
html[data-theme="dark"] .button:not(.white):not(.outline), html[data-theme="dark"] .nav-donate { color: #071d31; }
html[data-theme="dark"] .has-immersive-hero .hope-banner .button { color: #fff; }
html[data-theme="dark"] dialog { background: #102635; color: #e6eef3; }
html[data-theme="dark"] :is(.lower-focus,.lower-stories,.lower-principles,.lower-participate,.lower-newsletter) :is(a,button,input):focus-visible { outline-color: #03bafc; }
@media (prefers-reduced-motion: no-preference) {
 .theme-switch button { transition: color .2s, background-color .2s, box-shadow .2s; }
}

/* Keep the editorial counters in the site's dark palette. */
html[data-theme="dark"] .foundation-intro-editorial { background: #102635; color: #e6eef3; }
html[data-theme="dark"] .foundation-intro #foundation-intro-heading { color: #e6eef3; }
html[data-theme="dark"] .foundation-intro :is(.editorial-intro-label,.editorial-intro-copy > p,.foundation-intro-card p) { color: #adc4d2; }
html[data-theme="dark"] .foundation-intro :is(.foundation-intro-stats,.foundation-intro-card,.editorial-story-link) { border-color: #314b5b; }
html[data-theme="dark"] .foundation-intro .editorial-story-link { color: #67dbff; }
html[data-theme="dark"] .foundation-intro .editorial-story-link:hover { color: #e6eef3; }
