/* MCM Private Care — Color & Font Overrides
   Lateral orange (#FF5F10) → MCM Gold (#C4963C)
   Lateral dark (#1a1a1a / #0d0d0d) → MCM Navy (#1B2A4A)
   Lateral green-dark bg → MCM Cream (#FAF8F5)
   Accent → MCM Sage (#7A9E7E)
*/

:root {
  --mcm-primary: #1B2A4A;
  --mcm-secondary: #C4963C;
  --mcm-accent: #7A9E7E;
  --mcm-light: #FAF8F5;
  --mcm-dark: #2D2D2D;
}

/* Override Lateral's orange accent */
.button-primary,
.nav-cta_flex .button-primary {
  background-color: var(--mcm-secondary) !important;
  color: white !important;
}

.button-primary:hover {
  background-color: #b3842f !important;
}

.button-secondary {
  border-color: var(--mcm-secondary) !important;
  color: var(--mcm-secondary) !important;
}

.button-secondary:hover {
  background-color: var(--mcm-secondary) !important;
  color: white !important;
}

/* Override orange SVG fills */
svg path[fill="#FF5F10"] {
  fill: var(--mcm-secondary) !important;
}

/* Override text gradient (Lateral uses orange gradient) */
.main-text-gradient,
.text-color-orange {
  color: var(--mcm-secondary) !important;
  -webkit-text-fill-color: var(--mcm-secondary) !important;
  background: none !important;
}

/* Heading font → Playfair Display */
h1, h2, h3, h4, h5, h6,
.heading-style-h1,
.heading-style-h2,
.heading-style-h3,
.heading-style-h4,
.heading-custom_header,
.tabke-header_text {
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* Body font → Inter */
body,
p,
.text-size-regular,
.text-size-small,
.text-size-tiny,
a,
button,
input,
select,
textarea,
.w-button,
.w-nav-link {
  font-family: 'Inter', -apple-system, sans-serif !important;
}

/* Nav CTA button */
.nav-button,
.nav-cta_flex a {
  border-color: var(--mcm-secondary) !important;
}

/* Footer section */
.footer-section {
  background-color: var(--mcm-primary) !important;
}

/* Dark section backgrounds → MCM Navy */
.dtc-brand-section,
.choose-lateral-section {
  background-color: var(--mcm-primary) !important;
}

/* Comparison table header */
.choose-lateral_header-div.text-color-orange .tabke-header_text {
  color: var(--mcm-secondary) !important;
}

/* Progress bar / accent elements */
.step-section_progress-bar,
.step-section_progress {
  background-color: var(--mcm-secondary) !important;
}

/* Link colors */
a:not(.w-button):not(.button-primary):not(.button-secondary) {
  color: var(--mcm-secondary);
}

/* Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');