/* Shared theme contrast and Arselor card interaction colors. */
:root {
  --accent-ink: #c71927;
  --card-hover: #dc202b;
}
html[data-theme=dark] {
  --accent-ink: #ff8a98;
  --card-hover: #f24754;
}

/* Text accents use a readable shade of the brand color. */
.eyebrow,
.insight-kind,
.customer-tile a,
.process-steps button>span,
.workflow-tabs button small { color: var(--accent-ink); }
.process-steps button[aria-selected=true]>span { color: #ffb0b9; }
.process-number,
html[data-theme=dark] .process-number { color: var(--muted); }
.site-footer .fineprint { color: #b0bed1; }
.service-hero .eyebrow { color: var(--accent-ink); }
.hero-fit>span { color: var(--muted); }
.service-hero .breadcrumbs,
.service-hero .breadcrumbs a { color: var(--muted); }
.schematic-heading>.eyebrow,
.schematic-number { color: var(--accent-ink); }
html[data-theme=dark] .product-explainer li>span { color: #ff8a98; }
html[data-theme=dark] .site-search-form button { background: #cb2032; }
html[data-theme=dark] .story-card .metric { color: var(--accent-ink); }

/* Native customer artwork is never filtered, cropped, or enlarged past its cap. */
.customer-logo-stage img[data-native-logo] {
  width: 100%;
  max-width: min(210px, var(--customer-logo-width));
  height: auto;
  max-height: 75px;
  object-fit: contain;
  filter: none;
  opacity: 1;
  transform: none;
  mix-blend-mode: normal;
}

/* Highlight both faces, with matching keyboard feedback. */
html:root .service-card:is(:hover,:focus-within)>.service-front,
html:root .service-card:is(:hover,:focus-within)>.service-back,
html:root :is(.customer-tile,.story-card,.insight-card,.package-card,.store-card,.offer-card,.snd-offer,.industry-card):is(:hover,:focus-within),
html:root :is(.product-image,.service-hero-art,.industry-hero-art):is(:hover,:focus-within),
html:root .official-partner-directory .brand-mark:is(:hover,:focus-within),
html:root .product-index a:is(:hover,:focus-visible),
html:root .search-result:is(:hover,:focus-visible) {
  border-color: var(--card-hover);
}
.search-result:focus-visible { outline: 2px solid var(--card-hover); outline-offset: 2px; }

/* Campaign surfaces keep their own palette; card hover remains Arselor red. */
.national-day-page { --accent-ink: #126a43; }
html[data-theme=dark] .national-day-page { --accent-ink: #b4d695; }
.snd-offer-number,.snd-offer-number small { color: #5a6c5e; }
html[data-theme=dark] .snd-offer-number,
html[data-theme=dark] .snd-offer-number small { color: #b7cbb5; }
.snd-section-note { color: #536c55; }
.national-day-page .site-search-dialog .eyebrow { color: var(--accent-ink); }
.national-day-page .site-search-toggle { color: #e6f0d6; border-color: #648477; }
html[data-theme=dark] .national-day-page .site-search-form button { background: #116d43; }