/* Metway milk-led warm-neutral palette — colour-only overrides. */
:root {
  --white: #FEFCFA;
  --off-white: #FAF6F1;
  --card-bg: #FAF6F1;
  --bg-grey: #E5DDD1;
  --text-grey: #625950;
  --text-dark: #232323;
  --band-dark: #E5DDD1;
}

html,
body {
  background: #FEFCFA;
  color: #232323;
}

.hero {
  background: #FEFCFA;
}

.hero__headline .line {
  color: #FEFCFA;
}

.scroll-indicator,
.scroll-indicator svg {
  color: #FEFCFA;
  stroke: #FEFCFA;
}

.scrollbar-thumb {
  background: rgba(98, 89, 80, 0.48);
}

.main-header:not(.scrolled) .header-nav-link,
.main-header:not(.scrolled).on-light .header-nav-link {
  color: #FEFCFA;
}

.main-header:not(.scrolled),
.main-header:not(.scrolled).on-light {
  background: rgba(35, 35, 35, 0.88) !important;
  background-color: rgba(35, 35, 35, 0.88) !important;
}

.main-header:not(.scrolled) .hamburger-menu span,
.main-header:not(.scrolled).on-light .hamburger-menu span {
  background: #FEFCFA;
}

.main-header.scrolled:not(.on-light) {
  background: rgba(20, 20, 22, 0.95) !important;
  background-color: rgba(20, 20, 22, 0.95) !important;
}

.main-header.scrolled.on-light {
  background: rgba(250, 250, 251, 0.96) !important;
  background-color: rgba(250, 250, 251, 0.96) !important;
}

.main-header.scrolled:not(.on-light) .header-nav-link {
  color: #FEFCFA;
}

.main-header.scrolled.on-light .header-nav-link {
  color: #232323;
}

.mobile-sidebar-content {
  background: #625950;
}

.mobile-sidebar-overlay {
  background: rgba(35, 35, 35, 0.58);
}

.mstx-heritage,
.mstx-quality,
.section4,
.section-imp-grid,
.section6,
.section5 {
  background: #FEFCFA;
  color: #232323;
}

.mstx-range,
.mstx-standards,
.section4_1--light,
.section3,
.faq-section {
  background: #FEFCFA;
  color: #232323;
}

.mstx-support {
  background: #FEFCFA;
  color: #232323;
}

.mstx-eyebrow,
.mstx-heritage__copy a:not(.mstx-button),
.mstx-stats dt,
.mstx-card > span,
.mstx-support .mstx-eyebrow,
.mstx-steps li::before {
  color: #625950;
}

.mstx-heritage__copy p,
.mstx-section-head > p,
.mstx-card p,
.mstx-disclaimer,
.mstx-quality p,
.mstx-quality__list span,
.mstx-standards > .mstx-shell > p,
.mstx-section-head--light > p,
.mstx-steps span {
  color: #625950;
}

.mstx-stats div,
.mstx-card,
.mstx-steps li,
.mstx-standards__chips span,
.section4__box,
.section5__form,
.faq-item,
.imp-card-grid::before,
.section6__card::before {
  background: #FAF6F1;
  border-color: rgba(98, 89, 80, 0.22);
}

.mstx-steps {
  background: #625950;
  border-color: #625950;
}

.mstx-quality__list,
.mstx-quality__list li {
  border-color: rgba(98, 89, 80, 0.24);
}

.mstx-quality__list strong,
.mstx-standards__chips span {
  color: #625950;
}

.mstx-support .mstx-eyebrow,
.mstx-support .mstx-section-head--light > p {
  color: #232323;
}

.mstx-button--dark,
.section3__cta:hover,
.form-submit {
  background: #625950;
  border-color: #625950;
  color: #FEFCFA;
}

.section3__cta,
.form-input:focus,
.form-textarea:focus {
  border-color: #625950;
}

.form-input,
.form-textarea,
.section5__detail-icon {
  background: #FEFCFA;
}

.form-input,
.form-textarea {
  border-color: #625950;
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: #625950;
}

.imp-card-grid__blue,
.section6__card-blue {
  background: #E5DDD1;
}

.video-clip {
  background: #FEFCFA;
}

.video-clip .overlay,
.video-clip .overlay2 {
  background: rgba(254, 252, 250, 0.38);
}

.video-clip h1,
.video-clip h2,
.video-clip .content2 p,
.video-clip .content2__lead,
.video-clip .content2__quote,
.video-clip .content2__quote .fa-quote-left,
.video-clip .content2__quote .fa-quote-right,
.video-clip .content2__signature {
  color: #232323;
}

.footer {
  background: #232323;
}

.footer,
.footer a,
.footer__heading,
.footer__links li,
.footer__copyright p {
  color: #FEFCFA;
}

/* Contrast guard: light type on known dark surfaces only. */
.main-header .header-nav-link,
.mobile-sidebar-content,
.mobile-sidebar-content a,
.mobile-sidebar-content button,
.mstx-steps,
.mstx-steps h1,
.mstx-steps h2,
.mstx-steps h3,
.mstx-steps h4,
.mstx-steps p,
.mstx-steps li,
.mstx-steps span,
.footer,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer p,
.footer li,
.footer span,
.footer a {
  color: #FEFCFA;
}

/* Contrast guard: dark type on known light surfaces only. */
.mstx-stats div,
.mstx-card,
.mstx-standards__chips span,
.section4__box,
.section5__form,
.faq-item,
.imp-card-grid__blue,
.section6__card-blue {
  color: #232323;
}