html[data-site-theme] {
  --site-paper: var(--color-light, #fafafa);
  --site-ink: var(--color-dark, #121215);
  --site-panel: #ffffff;
  --site-muted: #575154;
  --site-rule: #8c7e7a;
  --site-accent: var(--color-primary, #742a20);
  --site-accent-ink: var(--site-accent);
  --site-focus: var(--color-primary, #742a20);
  --site-tint: #f3e9e6;
  --site-error: var(--site-accent-ink);
  --site-success: #28633b;
  --site-logo-filter: brightness(0);
  color-scheme: light;
  background: var(--site-paper);
  color: var(--site-ink);
}

html[data-site-theme="dark"] {
  --site-paper: var(--color-dark, #121215);
  --site-ink: var(--color-light, #fafafa);
  --site-panel: var(--color-dark-tint, #19191d);
  --site-muted: #c5bebe;
  --site-rule: #8e807c;
  --site-accent: var(--color-primary, #742a20);
  --site-accent-ink: var(--color-light, #fafafa);
  --site-focus: var(--color-light, #fafafa);
  --site-tint: #30201f;
  --site-error: var(--site-accent-ink);
  --site-success: #a4dcb3;
  --site-logo-filter: brightness(0) invert(1);
  color-scheme: dark;
}

html[data-site-theme] :is([data-theme-section="dark"], [data-theme-section="visual"]) {
  --site-accent-ink: var(--color-light, #fafafa);
}

html[data-site-theme] [data-theme-section="light"] {
  --site-accent-ink: var(--color-primary, #742a20);
}

html[data-site-theme] body .transition-screen { background: var(--color-primary, #742a20) !important; }

html[data-site-theme] body {
  --background-color: var(--site-paper);
  --widget-color: var(--site-panel);
  --text-color: var(--site-ink);
  --text-secondary-color: var(--site-muted);
  --border-color: var(--site-rule);
  background-color: var(--site-paper);
  color: var(--site-ink);
}

/* Root preference also skins these components before their deferred scripts run. */
html[data-site-theme] .roster-preview {
  --preview-bg: var(--site-paper);
  --preview-text: var(--site-ink);
  --preview-muted: var(--site-muted);
  --preview-line: var(--site-rule);
  --preview-panel: var(--site-panel);
  --preview-accent: var(--site-accent);
  --preview-ring: var(--site-rule);
  color-scheme: inherit;
}

html[data-site-theme] .event-planner {
  --programme-paper: var(--site-paper);
  --programme-ink: var(--site-ink);
  --programme-muted: var(--site-muted);
  --programme-line: var(--site-rule);
  --programme-tint: var(--site-tint);
  --programme-accent: var(--site-accent);
  color-scheme: inherit;
}

html[data-site-theme] .roster-header .nav-logo img {
  filter: var(--site-logo-filter);
}

html[data-site-theme] :is(.main-wrap, .not-found-page, .news-page, .knowledge-page,
  .participate-page, .observatory-page, .investment-page, .minerals-page, .collaborators-page,
  .cpec-interest-page, .archive-page, .partners-2026-page) {
  background-color: var(--site-paper);
  color: var(--site-ink);
}

/* Contextual dark artwork stays dark; a page preference never inverts photography. */
html[data-site-theme] :is([data-bg-section="dark"], [data-bg-section="visual"],
  [data-theme-section="dark"]):not([data-bg-section="light"]),
html[data-site-theme] :is(.about-hero, .about-impact, .about-world, .about-invitation,
  .c1-hero, .c1-timeline, .c1-handoff, .c1-sources, .c1-next, .cb-hero, .cb-china,
  .cb-sectors, .cb-next, .cpec-hero, .cpec-corridors, .cpec-gwadar, .cpec-market,
  .cpec-risk, .ecosystem-hero, .ecosystem-pathways, .ecosystem-constellation,
  .ecosystem-convergence, .ecosystem-closing, .investment-hero, .investment-opportunity,
  .investment-feature, .investment-boundary, .minerals-hero, .minerals-frontier-intro,
  .minerals-pathway, .minerals-national, .minerals-responsible, .minerals-enable,
  .knowledge-hero, .knowledge-desk, .knowledge-observatory, .knowledge-initiatives,
  .knowledge-closing, .participate-hero, .participate-gateway, .participate-note,
  .participate-closing, .observatory-hero, .observatory-business, .observatory-projects,
  .observatory-world, .observatory-enter, .partners-hero, .partners-flow,
  .partners-policy, .partners-closing, .peace-hero, .peace-figures, .peace-parallel,
  .peace-brand, .peace-cta, .collaborators-hero, .collaborators-closing, .news-hero,
  .interest-hero__copy, .footer, .c1-footer, .cb-footer, .cpec-footer,
  .peace-footer, .collaborators-footer) {
  color: var(--color-light, #fafafa);
}

html[data-site-theme] :is([data-bg-section="light"], .bg-light,
  .faq-header:not(.business-hero-bg), .faq-content, .registration-header,
  .registration-content, .about-us.is--board-chair, .awards-tab.light,
  .business-intro, .section-westoost) {
  background-color: var(--site-paper);
  color: var(--site-ink);
}

html[data-site-theme] .section-expertises {
  background-color: var(--site-paper) !important;
  color: var(--site-ink);
}

html[data-site-theme] :is(.faq-catergory__btn, .registration-catergory__btn,
  .category__btn, .awards-sticky__inner.light) {
  color: var(--site-ink);
  border-color: var(--site-rule);
}

html[data-site-theme] :is(.faq-catergory__btn, .registration-catergory__btn)[data-tab-status="active"],
html[data-site-theme] .faq-catergory__btn[data-filter-status="active"],
html[data-site-theme] [data-filter-status="active"].category__btn {
  background: var(--site-ink);
  color: var(--site-paper);
}

/* Category text follows its button state rather than the surrounding section. */
html[data-site-theme] .registration-hub .registration-catergory__btn {
  background-color: var(--site-panel);
  color: var(--site-ink);
  border-color: var(--site-rule);
}

html[data-site-theme] .registration-hub .registration-catergory__btn[data-tab-status="active"] {
  background-color: var(--site-ink);
  color: var(--site-panel);
}

html[data-site-theme] .registration-hub .registration-category__btn-text {
  color: inherit;
  opacity: 1;
}

html[data-site-theme] :focus-visible {
  outline: 2px solid var(--site-focus);
  outline-offset: 4px;
}

html[data-site-theme] :is([data-bg-section="dark"], [data-bg-section="visual"],
  .footer, .about-hero, .c1-hero, .cb-hero, .ecosystem-hero, .interest-hero__copy) :focus-visible {
  outline-color: var(--color-light, #fafafa);
}

/* The icon belongs to the opening page, so normal document scrolling carries it away. */
html[data-site-theme] .site-theme-page {
  position: relative;
}

html[data-site-theme] [data-site-theme-placement] {
  position: absolute;
  z-index: 40;
  top: calc(var(--site-header-offset, var(--nav-bar-height, 8rem)) + 12px);
  right: max(16px, 3vw, env(safe-area-inset-right));
  width: 44px;
  height: 44px;
}

html[data-site-theme] main[data-roster-minimal-page] > [data-site-theme-placement] {
  top: 88px;
}

html[data-site-theme] :is([data-site-theme-toggle], [data-preview-theme], [data-programme-theme-toggle]) {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid var(--site-rule);
  border-radius: 0;
  background: var(--site-panel);
  color: var(--site-ink);
  font-size: 0 !important;
  cursor: pointer;
}

html[data-site-theme] [data-site-theme-toggle][hidden] {
  display: none !important;
}

html[data-site-theme] [data-site-theme-icon] {
  width: 22px;
  height: 22px;
  pointer-events: none;
}

html[data-site-theme] [data-site-theme-toggle]:focus-visible {
  outline: 2px solid var(--site-focus);
  outline-offset: 4px;
}

/* Menu surfaces use the preference; transparent hero navigation keeps its context. */
html[data-site-theme] .mobile-nav__inner {
  background: var(--site-panel);
  color: var(--site-ink);
}

html[data-site-theme] .mobile-nav__group {
  border-color: var(--site-rule);
}

html[data-site-theme] .mobile-nav__group-label {
  color: var(--site-muted);
}

html[data-site-theme] .mobile-nav__group .nav-link {
  color: var(--site-ink);
}

html[data-site-theme] .mobile-nav__group .nav-link.is--filled {
  background: var(--color-primary, #742a20);
  color: var(--color-light, #fafafa);
  border-color: var(--color-primary, #742a20);
}

html[data-site-theme="dark"] body[data-bg-nav="light"] .header
  :is(.nav-link:not(.is--filled), .btn-hamburger) {
  color: var(--site-ink);
}

html[data-site-theme="dark"] body[data-bg-nav="light"] .header .nav-logo__mews-svg {
  filter: var(--site-logo-filter);
}

html[data-site-theme="dark"] body[data-bg-nav="light"] .header .nav-logo__mews-svg.dark {
  display: none;
}

html[data-site-theme="dark"] body[data-bg-nav="light"] .header .nav-logo__mews-svg.light {
  display: block;
}

html[data-site-theme] .cpec-interest-page .header::before {
  background: var(--site-paper);
}

html[data-site-theme] .cpec-interest-page .header :is(.nav-link:not(.is--filled), .btn-hamburger) {
  color: var(--site-ink);
}

html[data-site-theme] .cpec-interest-page .header .btn-hamburger {
  background-color: var(--site-panel);
  border-color: var(--site-rule);
}

html[data-site-theme] :is(.cpec-interest-page .header, .not-found-nav) .nav-logo__mews-svg,
html[data-site-theme] .not-found-nav img {
  filter: var(--site-logo-filter);
}

/* Page aliases expose theme roles while literal brand colors retain their meaning. */
/* Opaque control surfaces keep the icon readable over both paper and photography. */
html[data-site-theme] body[data-bg-nav="light"] .header .btn-hamburger,
html[data-site-theme] body[data-navigation-status="active"] .header .btn-hamburger {
  background-color: var(--site-panel);
  color: var(--site-ink);
  border-color: var(--site-rule);
}

html[data-site-theme] body:is([data-bg-nav="dark"], [data-bg-nav="primary"], [data-bg-nav="visual"]):not([data-navigation-status="active"])
  .header .btn-hamburger {
  background-color: var(--color-dark, #121215);
  color: var(--color-light, #fafafa);
  border-color: var(--color-light, #fafafa);
}

html[data-site-theme] .header .btn-hamburger__line {
  background-color: currentColor;
  opacity: 1;
}

html[data-site-theme] .header .btn-hamburger:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 4px;
}

html[data-site-theme] .about-story {
  --about-ink: var(--site-ink);
  --about-paper: var(--site-paper);
}

html[data-site-theme] :is(.archive-page, .archive-lightbox) {
  --archive-ink: var(--site-ink);
  --archive-paper: var(--site-paper);
  --archive-paper-deep: var(--site-panel);
  --archive-line-dark: var(--site-rule);
}

html[data-site-theme] .collaborators-page {
  --collab-ink: var(--site-ink);
  --collab-muted: var(--site-muted);
  --collab-surface: var(--site-panel);
  --collab-surface-raised: var(--site-tint);
  --collab-line: var(--site-rule);
  --collab-cream: var(--site-paper);
}

html[data-site-theme] .investment-page {
  --investment-ink: var(--site-ink);
  --investment-paper: var(--site-paper);
  --investment-muted: var(--site-muted);
  --investment-rule: var(--site-rule);
}

html[data-site-theme] .minerals-page {
  --minerals-ink: var(--site-ink);
  --minerals-paper: var(--site-paper);
  --minerals-muted: var(--site-muted);
  --minerals-rule: var(--site-rule);
}

html[data-site-theme] .cpec-page {
  --cpec-line-light: var(--site-rule);
  --cpec-muted-light: var(--site-muted);
}

html[data-site-theme] .cpec-one-page { --c1-line-light: var(--site-rule); }
html[data-site-theme] .cpec-business-page { --cb-line-light: var(--site-rule); }
html[data-site-theme] .ecosystem-page { --eco-line-light: var(--site-rule); }

html[data-site-theme] .knowledge-page {
  --knowledge-paper: var(--site-paper);
  --knowledge-line-light: var(--site-rule);
}

html[data-site-theme] .participate-page {
  --participate-paper: var(--site-paper);
  --participate-line-light: var(--site-rule);
}

html[data-site-theme] .observatory-page {
  --observatory-line-light: var(--site-rule);
  --observatory-muted-dark: var(--site-muted);
}

html[data-site-theme] .partners-2026-page {
  --partners-ink: var(--site-ink);
  --partners-paper: var(--site-paper);
  --partners-muted: var(--site-muted);
  --partners-line: var(--site-rule);
}

html[data-site-theme] :is(.archive-hero, .archive-section--dark, .archive-lightbox,
  .archive-filter-label, .partners-hero, .partners-flow, .partners-closing) {
  background-color: var(--color-dark, #121215);
  color: var(--color-light, #fafafa);
}

html[data-site-theme] :is(.archive-partners, .collaborators-directory,
  .collaborators-intro, .c1-definition, .c1-pillars, .c1-risk, .cb-position,
  .cb-services, .cb-process, .cpec-shift, .cpec-agenda, .cpec-sources,
  .ecosystem-platforms, .ecosystem-elements, .ecosystem-routes,
  .investment-audience, .investment-pathway, .investment-ecosystem,
  .minerals-why, .minerals-entry, .minerals-market, .minerals-resources,
  .knowledge-intro, .knowledge-hub, .knowledge-reports, .knowledge-partners,
  .knowledge-ipri, .participate-routes, .participate-pathways,
  .observatory-now, .observatory-invest, .observatory-disputes,
  .observatory-experience, .observatory-sources, .partners-strategic,
  .partners-cohosts, .partners-knowledge, .peace-story, .peace-seat) {
  background-color: var(--site-paper);
  color: var(--site-ink);
}

html[data-site-theme] :is(.collaborator-card, .ecosystem-platform-card,
  .c1-pillar-grid article, .cb-service-grid article, .observatory-evidence,
  .observatory-map-panel__map, .partners-2026-card, .about-declaration-card,
  .about-story-card, .about-seat) {
  background-color: var(--site-panel);
  color: var(--site-ink);
}

html[data-site-theme] :is(.collaborators-directory .collaborators-results,
  .collaborators-directory .collaborators-filter-label, .collaborators-directory .collaborators-filter,
  .collaborator-card__country, .collaborator-card__edition, .collaborator-card__action,
  .c1-definition__copy > p:last-child, .c1-pillar-grid p, .c1-pillar-grid small,
  .c1-risk__statement > p:not(.c1-kicker), .cb-position__copy > p:last-child,
  .cb-service-grid p, .cb-process__steps p, .ecosystem-heading:not(.ecosystem-heading--light) > div > p,
  .ecosystem-platform-card p, .ecosystem-element-grid p,
  .knowledge-heading:not(.knowledge-heading--light) div > p,
  .knowledge-topic-grid p, .knowledge-partner-grid p,
  .knowledge-ipri__copy > p:not(.knowledge-kicker), .knowledge-ipri-research p:not(.knowledge-kicker),
  .participate-heading:not(.participate-heading--light) div > p,
  .participate-path__copy > p:last-child, .participate-path__action small,
  .partners-lead, .partners-heading:not(.partners-heading--light) > div > p,
  .peace-story__copy p, .peace-seat__body p, .peace-seat__closing p) {
  color: var(--site-muted);
}

html[data-site-theme] :is(.collaborator-card__fallback, .cb-service-grid article a,
  .cpec-sources__links a, .ecosystem-route-grid a, .knowledge-route-grid a,
  .participate-route-grid a, .observatory-method strong) {
  color: var(--site-ink);
}

html[data-site-theme] .partners-2026-card__logo--wordmark {
  color: var(--color-dark, #121215);
}

html[data-site-theme] .partners-2026-knowledge-card__mark--dark {
  background-color: var(--color-dark, #121215);
}

html[data-site-theme] .partners-button:not(.partners-button--light):focus-visible {
  background-color: var(--color-primary, #742a20);
  color: var(--color-light, #fafafa);
}

html[data-site-theme] .observatory-resolution li > span {
  background-color: var(--site-panel);
  color: var(--site-ink);
}

html[data-site-theme] :is(.about-gateway__date, .about-organisation__process) {
  color: var(--site-accent-ink, var(--color-primary, #742a20)) !important;
}

html[data-site-theme] :is(.about-equation strong, .about-declaration-card__year,
  .about-declaration-card__link b, .about-lifecycle span, .c1-pillar-grid span,
  .ecosystem-index, .ecosystem-element-grid article > span,
  .cpec-agenda__grid article > span, .investment-grid article > span,
  .investment-lanes span, .investment-path li b, .investment-route-grid a > span,
  .minerals-chain span, .minerals-entry__grid span, .minerals-market__grid article > p:first-child,
  .minerals-resources__grid a > span, .knowledge-partner-grid article > span,
  .knowledge-ipri__mark, .knowledge-ipri-research .knowledge-kicker,
  .knowledge-partner--ipri .knowledge-text-link, .knowledge-ipri .knowledge-text-link,
  .participate-route-grid b, .participate-path__number, .observatory-evidence > span,
  .observatory-evidence a small, .observatory-layer-grid span,
  .observatory-destinations span, .observatory-source-list li > span,
  .observatory-source-list a small, .news-kind, .news-publisher, .news-source,
  .news-context a, .partners-facts dt, .partners-2026-card__body > p) {
  color: var(--site-accent-ink, var(--color-primary, #742a20));
}

html[data-site-theme] :is(.collaborators-filter, .collaborator-card,
  .news-kind, .news-item, .news-context, .ecosystem-route-grid a,
  .knowledge-route-grid a, .participate-route-grid a, .investment-route-grid a) {
  border-color: var(--site-rule);
}

html[data-site-theme] .collaborators-directory .collaborators-filter[aria-pressed="true"] {
  color: var(--site-accent-ink, var(--color-primary, #742a20));
}

html[data-site-theme] .collaborators-directory .collaborators-filter__count {
  background: var(--site-tint);
  color: var(--site-ink);
}

html[data-site-theme] .archive-filter.is-active {
  background: var(--color-light, #fafafa);
  color: var(--color-dark, #121215);
}

html[data-site-theme] :is(.about-button--light, .ecosystem-button, .investment-button--light,
  .minerals-button--light, .knowledge-button--light, .participate-button--light) {
  background-color: var(--color-light, #fafafa);
  color: var(--color-dark, #121215);
}

html[data-site-theme] :is(.about-journey__tabs button[aria-selected="true"],
  .knowledge-button--dark) {
  background-color: var(--color-primary, #742a20);
  color: var(--color-light, #fafafa);
}

/* Form state and payload behavior are untouched; only readable surfaces change. */
html[data-site-theme] .registration-content .btn[data-type="outline-dark"] {
  color: var(--site-ink);
  border-color: var(--site-rule);
}

html[data-site-theme] .registration-content .btn[data-type="outline-dark"]:focus-visible {
  background-color: var(--color-primary, #742a20);
  color: var(--color-light, #fafafa);
}

html[data-site-theme] :is(.registration-content .about-card, .participation, .participation-panel, .interest-form-card,
  .participation #business-matchmaking-interest, .registration-form,
  .registration-form-matchmaking, .desk-success, .interest-success) {
  background-color: var(--site-panel);
  color: var(--site-ink);
  border-color: var(--site-rule);
}

html[data-site-theme] :is(.registration-form, .participation-panel,
  .interest-form-card, .participate-form-panel, #matchmaking-request-form) label {
  color: var(--site-ink);
}

html[data-site-theme] :is(.registration-form, .participation-panel,
  .interest-form-card, .participate-form-panel, #matchmaking-request-form)
  :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
    select, textarea) {
  background-color: var(--site-panel);
  color: var(--site-ink);
  -webkit-text-fill-color: var(--site-ink);
  border-color: var(--site-rule);
  color-scheme: inherit;
}

html[data-site-theme] :is(.registration-form, .participation-panel,
  .interest-form-card, .participate-form-panel) :is(input, textarea)::placeholder {
  color: var(--site-muted);
  opacity: 1;
}

html[data-site-theme] :is(.registration-form, .participation-panel, .interest-form-card)
  :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--site-focus);
  outline-offset: 3px;
}

html[data-site-theme] :is(.interest-field-error, .registration-form .error-text,
  .registration-form-matchmaking .error-text, .pidw-field-error,
  .pidw-field-feedback[data-state="error"], .desk-field [aria-invalid="true"]) {
  color: var(--site-error);
  border-color: var(--site-error);
}

html[data-site-theme] [data-pidw-form] [aria-invalid="true"] {
  border-color: var(--site-error);
}

html[data-site-theme] .pidw-field-feedback[data-state="success"] {
  color: var(--site-success);
}

html[data-site-theme] :is(.interest-privacy, .desk-hint, .desk-required,
  .interest-form-card .interest-kicker, .not-found-code,
  .not-found-card p:not(.not-found-code)) {
  color: var(--site-muted);
}

html[data-site-theme] :is(.desk-status, .interest-form__status,
  .table-utilization-status, .visa-assistance-note, .ticket-total) {
  background-color: var(--site-tint);
  color: var(--site-ink);
  border-color: var(--site-rule);
}

html[data-site-theme] :is(.ticket-total__value, .visa-assistance-note h5,
  .visa-assistance-note a, .desk-alternative a) {
  color: var(--site-accent-ink, var(--color-primary, #742a20));
}

html[data-site-theme] :is(.desk-submit, .interest-submit) {
  background: var(--color-primary, #742a20);
  color: var(--color-light, #fafafa);
}

html[data-site-theme] :is(.participation-options > *, .participate-form-panel button,
  .interest-success a, .not-found-link) {
  color: var(--site-ink);
  border-color: var(--site-rule);
}

html[data-site-theme] .participation-options [aria-expanded="true"] {
  background: var(--color-primary, #742a20);
  color: var(--color-light, #fafafa);
}

html[data-site-theme] .hub-interest-jump { color: var(--site-accent-ink, var(--color-primary, #742a20)); }

html[data-site-theme] :is(.modal-card.is--person.is--white, .modal-card-person,
  #chat-popup, .chat-messages, .chat-footer, .chat-actions, .confirm-box) {
  background-color: var(--site-panel);
  color: var(--site-ink);
}

html[data-site-theme] :is(.modal-card.is--person.is--white .modal-card-person__info,
  .modal-card.is--person.is--white .modal-card-person__bio,
  #chat-popup .welcome-screen, #chat-popup .message.assistant,
  #chat-popup .chat-person__title) {
  color: var(--site-ink);
}

html[data-site-theme] #chat-popup :is(.chat-footer .chat, .message.assistant,
  .share-menu, .msg-actions-row .btn-icon) {
  background-color: var(--site-paper);
  color: var(--site-ink);
  border-color: var(--site-rule);
}

html[data-site-theme] #chat-popup :is(.chat-actions button, .confirm-box .actions button) {
  color: var(--site-ink);
}

html[data-site-theme] #generate-pdf-btn {
  background: var(--site-panel);
  color: var(--site-ink);
  border-color: var(--site-rule);
}

@media (hover: hover) and (pointer: fine) {
  html[data-site-theme] .partners-button:not(.partners-button--light):hover {
    background-color: var(--color-primary, #742a20);
    color: var(--color-light, #fafafa);
  }

  html[data-site-theme] .registration-content .btn[data-type="outline-dark"]:hover {
    background-color: var(--color-primary, #742a20);
    color: var(--color-light, #fafafa);
  }

  html[data-site-theme] [data-site-theme-toggle]:hover {
    background: var(--color-primary, #742a20);
    color: var(--color-light, #fafafa);
    border-color: var(--color-primary, #742a20);
  }

  html[data-site-theme] :is(.collaborator-card, .ecosystem-platform-card,
    .c1-pillar-grid article, .cb-service-grid article, .knowledge-topic-grid article,
    .participate-route-grid a, .investment-route-grid a, .about-declaration-card):hover {
    background-color: var(--color-primary, #742a20);
    color: var(--color-light, #fafafa);
  }

  html[data-site-theme] :is(.collaborator-card, .ecosystem-platform-card,
    .c1-pillar-grid article, .cb-service-grid article, .knowledge-topic-grid article,
    .participate-route-grid a, .investment-route-grid a, .about-declaration-card):hover
    :is(p, small, b, a, span, .ecosystem-index, .collaborator-card__country,
      .collaborator-card__edition, .collaborator-card__action, .about-declaration-card__year,
      .about-declaration-card__link b) {
    color: var(--color-light, #fafafa);
  }

  html[data-site-theme] :is(.about-button--light, .ecosystem-button,
    .investment-button--light, .minerals-button--light, .knowledge-button--light,
    .participate-button--light):hover {
    background-color: var(--color-primary, #742a20);
    color: var(--color-light, #fafafa);
    border-color: var(--color-primary, #742a20);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-site-theme] [data-site-theme-toggle] {
    animation: none;
    transition: none;
  }
}