/* Secondary pages only. Keep the homepage and all geometry untouched. */
:root {
  --background-color: #f3f6fa;
  --default-color: #536678;
  --heading-color: #132b40;
  --accent-color: #006dde;
  --accent-light: #e3edf7;
  --surface-color: #ffffff;
  --contrast-color: #ffffff;
  --accent: #006dde;
  --accent-dark: #005bbd;
  --bg: #f3f6fa;
  --bg-soft: #f3f6fa;
  --text-dark: #132b40;
  --text-mid: #536678;
  --text-light: #536678;
  --border: #dbe4ed;
  --tag-bg: #e3edf7;
}
html body { background-color: #f3f6fa !important; }
body main.page-main,
body .page-main > section:not(.dark-background) { background-color: #f3f6fa !important; }
.light-background { --background-color: #f3f6fa; }
.dark-background {
  --background-color: #0b1622;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #132b40;
}
/* The shared navigation is injected later; these colours remain page-local. */
body .glass-navbar .mobile-nav-toggle,
body .glass-navbar .mobile-nav-toggle:hover {
  background: linear-gradient(135deg, #006dde, #005bbd) !important;
  color: #ffffff !important;
}
body .glass-navbar .mega-menu-icon,
body .glass-navbar .mega-icon,
body .glass-navbar .mobile-sub-icon {
  background: linear-gradient(135deg, #006dde1f, #006dde0f) !important;
  color: #006dde !important;
}
body .glass-navbar .cta-buttons a.btn:hover,
body .glass-navbar .cta-buttons a.btn:focus {
  background-color: #005bbd !important;
  border-color: #005bbd !important;
  color: #ffffff !important;
}
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .flyout-item:hover,
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .mega-cat:hover .mega-cat-row,
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .mega-cat-row:hover,
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .mega-cat-row:active,
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .mega-cat.open .mega-cat-row {
  background: linear-gradient(135deg, #006dde1f, #006dde0f) !important;
  color: #005bbd !important;
}
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .flyout-uc .uc-badge {
  background: linear-gradient(135deg, #006dde, #005bbd) !important;
  box-shadow: 0 4px 12px #006dde40 !important;
}
/* Selected service tabs keep readable text on the blue accent. */
body .tab-btn.active { color: #ffffff !important; }

/* Warm brand accents balance the blue actions and cool page surfaces. */
:root {
  --brand-orange: #ec8d4c;
  --brand-orange-ink: #132b40;
  --brand-orange-soft: #fff1e6;
}
body main .section-label,
body main .section-title .subtitle {
  color: var(--brand-orange-ink) !important;
}
body main .section-title .subtitle::before,
body main .section-title .subtitle::after,
body main .badge-dot {
  background: var(--brand-orange) !important;
}
body main .hero-badge,
body main .es-badge,
body main .about-story-badge {
  background: var(--brand-orange-soft) !important;
  color: var(--brand-orange-ink) !important;
  border-color: #edc7aa !important;
}
body main .about-story-badge i,
body main .es-card-icon,
body main .about-feature-front .about-feature-icon {
  color: var(--brand-orange-ink) !important;
  background-color: var(--brand-orange-soft) !important;
}
body main .about-mission-icon {
  background: var(--brand-orange-ink) !important;
  color: #ffffff !important;
}
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .flyout-item:hover,
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .mega-cat:hover .mega-cat-row,
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .mega-cat-row:hover,
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .mega-cat-row:active,
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .mega-cat.open .mega-cat-row {
  background: var(--brand-orange-soft) !important;
  color: var(--brand-orange-ink) !important;
}
body .main-nav .nav-item.has-dropdown .dropdown.eng-mega .flyout-uc .uc-badge {
  background: var(--brand-orange-ink) !important;
  box-shadow: 0 4px 12px #ec8d4c26 !important;
}

/* Quiet navy footer with warm markers and readable, neutral link colours.
   This file is never loaded by the homepage. */
body footer { background: #132b40 !important; }
body footer .footer-contact,
body footer .footer-bottom { border-color: #34495d !important; }
body footer .footer-section-title::after,
body footer .footer-column h3::after { background: var(--brand-orange) !important; }
body footer p,
body footer li,
body footer div,
body footer span,
body footer a { color: #c5d1dc !important; }
body footer h2,
body footer h3,
body footer h4,
body footer strong { color: #f3f6fa !important; }
body footer a:hover,
body footer a:focus-visible,
body footer a.highlight { color: #ec8d4c !important; }
body footer .location-card {
  background: #1c354b !important;
  border-color: #34495d !important;
}
body footer .location-card:hover {
  background: #233e55 !important;
  border-color: #ec8d4c80 !important;
  box-shadow: 0 8px 28px #0b162233 !important;
}
body footer .social-icon {
  background: #233e55 !important;
  border-color: #496073 !important;
  color: #f3f6fa !important;
  box-shadow: 0 8px 28px #0b162226 !important;
}
body footer .social-icon:hover,
body footer .social-icon:focus-visible {
  background: var(--brand-orange-ink) !important;
  border-color: var(--brand-orange) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px #0b162233 !important;
}
body footer .social-icon i { color: inherit !important; }