/* Text on deep interactive surfaces stays deliberately bright. */
html[data-theme="dark"] :is(
  .front-route,
  .front-service-card,
  .front-magazine-card,
  .front-article,
  .front-edition,
  .services-page__card,
  .related-services-grid > a,
  .men-formats__grid > a,
  .brief-upload
):is(:hover, :focus-visible) :is(p, small, time, .index) {
  color: oklch(.91 .012 170);
}

html[data-theme="dark"] .case-card > div { color: var(--ink); }
html[data-theme="dark"] .case-card > div p { color: oklch(.9 .012 170); }

html[data-theme="dark"] .editorial-card p,
html[data-theme="dark"] .article-quick-contact__copy > span {
  color: oklch(.9 .012 170);
}

html[data-theme="dark"] .channel-cta {
  background: oklch(.15 .008 170);
  color: oklch(.98 0 0);
}

html[data-theme="dark"] .channel-cta:hover,
html[data-theme="dark"] .channel-cta:focus-within {
  background: oklch(.15 .008 170);
}

html[data-theme="dark"] .channel-cta h2 { color: oklch(.98 0 0); }
html[data-theme="dark"] .channel-cta > p:not(.index) { color: oklch(.91 .012 170); }
html[data-theme="dark"] .channel-cta > .index,
html[data-theme="dark"] .channel-cta > a::after { color: var(--primary); }