/* Final visual and contrast audit
   Loaded last to prevent cross-page utility rules from overriding page-specific colours. */
:root{
  --orange-text:#c13d05;
  --orange-on-dark:#ff8a45;
  --dark-card:#151617;
  --dark-line:#34373a;
  --dark-copy:#b9bec1;
}

/* Small uppercase labels need more contrast than large brand elements. */
.eyebrow{color:var(--orange-text)}
.section--dark .eyebrow,
.dark-panel .eyebrow,
.home-company .eyebrow,
.ref-oem-process .eyebrow,
.ref-nda-card .eyebrow,
.site-footer .eyebrow{color:var(--orange-on-dark)}
.nav-links a.active,
.nav-dropdown .nav-overview{color:var(--orange-text)}

/* OEM hero: explicitly protect all text colours on the light background. */
.ref-oem-hero{color:var(--ink)}
.ref-oem-hero h1,
.ref-oem-hero h2,
.ref-oem-hero h3,
.ref-oem-hero strong{color:var(--ink)}
.ref-oem-hero p{color:#5f6569}
.ref-oem-hero .breadcrumb,
.ref-oem-hero .breadcrumb a,
.ref-oem-hero .breadcrumb span{color:#62686c}
.ref-oem-hero .eyebrow{color:var(--orange-text)}
.ref-oem-feature-grid strong{color:var(--ink)}
.ref-oem-feature-grid p{color:#5f6569}

/* Approval gates: restore a coherent dark-on-dark system with readable copy. */
.ref-oem-process{background:#0a0a0b;color:#fff}
.ref-oem-process .section-head h2{color:#fff}
.ref-oem-process .section-head>p{color:#c3c8ca}
.ref-gate-line{
  background:var(--dark-card);
  border-color:var(--dark-line);
}
.ref-gate-line article,
.ref-oem-process .ref-gate-line article{
  background:var(--dark-card)!important;
  color:#fff!important;
  border-color:var(--dark-line)!important;
}
.ref-gate-line article h3,
.ref-oem-process .ref-gate-line article h3{color:#fff!important}
.ref-gate-line article p,
.ref-oem-process .ref-gate-line article p{color:var(--dark-copy)!important}
.ref-gate-line article b{color:var(--orange-on-dark)}
.ref-gate-line article:hover{background:#1b1d1f!important}

/* The black customization column must retain its own light type. */
.ref-oem-columns .custom{color:#fff;background:#111}
.ref-oem-columns .custom>span,
.ref-oem-columns .custom b{color:var(--orange-on-dark)}
.ref-oem-columns .custom strong{color:#fff}
.ref-oem-columns .custom p{color:#b7bcc0}
.ref-oem-columns .controlled>span,
.ref-oem-columns .controlled b{color:var(--orange-text)}
.ref-oem-columns .controlled strong{color:var(--ink)}
.ref-oem-columns .controlled p{color:#5f6569}

/* Small orange indicators on light backgrounds. */
.ref-quote-checklist label span,
.ref-sequence-track article b,
.ref-zone-map article b,
.ref-project-table>div>span,
.pd-feature-list article>span,
.resource-card b,
.ref-model-copy>span,
.ref-oem-readiness i,
.ref-oem-readiness label:before{color:var(--orange-text)}

/* Product-detail breadcrumb sits on white, unlike the image-led inner heroes. */
.pd-breadcrumb .breadcrumb,
.pd-breadcrumb .breadcrumb a,
.pd-breadcrumb .breadcrumb span{color:#5f6569}
.pd-breadcrumb .breadcrumb a:hover{color:var(--orange-text)}

/* Orange CTA bands: use dark copy for smaller text to avoid low contrast. */
.cta-band{color:#111}
.cta-band h2{color:#111}
.cta-band p{color:#3c261c}
.cta-band .btn-dark{color:#fff;background:#111}
.cta-band .btn-dark:hover{background:#292b2e}

/* Focus indicators remain visible on both light and dark surfaces. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid #0b67c2;
  outline-offset:3px;
}
.ref-oem-process a:focus-visible,
.section--dark a:focus-visible{outline-color:#ffb183}

@media(max-width:700px){
  .ref-gate-line article,
  .ref-oem-process .ref-gate-line article{min-height:0}
}

/* Product inquiry contact labels are functional text, not decorative captions. */
.pd-inquiry-contact span{color:#646a6e}