/* Stage 7 v2 design tokens and palette application: SGMS blue with copper and limestone. */
:root{
  --copper:#a84f32;
  --copper-dark:#843a24;
  --copper-light:#f1e2d6;
  --limestone:#f5eee4;
  --limestone-deep:#ede4d6;
  --limestone-paper:#faf8f3;
}

/* Warm accent details while keeping blue as the primary action and navigation color. */
.eyebrow{color:var(--copper-dark)}
.inner-hero{background:linear-gradient(128deg,var(--limestone-paper),var(--limestone))}
.inner-hero h1 em{color:var(--copper)}
.inner-hero-copy .eyebrow{color:var(--copper-dark)}
.route-memorial{background:var(--copper-light);color:var(--navy)}
.route-memorial .route-number,.route-memorial .route-bottom b{color:var(--copper-dark)}
.route-memorial::before{opacity:.2}
.intro-band{background:var(--limestone-paper)}
.intro-band>span,.intro-band a,.under-link{color:var(--copper-dark)}
.under-link{border-color:var(--copper)}
.material-band h2 em{color:#f0c3af}
.respect-strip .eyebrow{color:#f0c3af}
.respect-strip h2 em{color:#e7c6b5}
.closing-cta .eyebrow{color:#f2c9b7}
.social-stage{background:radial-gradient(circle at 90% 10%,#f1e2d6,transparent 36%),var(--limestone-paper)}
.social-stage .eyebrow,.social-stage h2 em{color:var(--copper-dark)}
.social-dock{border-color:#d5c4b8}
.enquiry-builder,.online-enquiry{background:var(--limestone)}
.enquiry-builder h2 em,.online-enquiry h2 em{color:var(--copper-dark)}
.enquiry-form :is(input,select,textarea):focus{border-color:var(--copper);box-shadow:0 0 0 3px #a84f3226}
.online-enquiry-form :is(input,select,textarea):focus-visible{outline-color:var(--copper)}
.gallery-filter:focus-visible,.gallery-card:focus-visible{outline-color:#c36c47}
.gallery-filter:hover,.gallery-filter:focus-visible{border-color:var(--copper)}
.gallery-filter.is-active{background:var(--blue);border-color:var(--blue)}
.gallery-caution{border-left:3px solid var(--copper);padding-left:1rem}
.footer-address span{color:#f0c3af}
.quick-toggle{background:#087c58}
.quick-toggle:hover{background:#066746}

/* The approved v4 opening becomes the principal copper-and-limestone expression. */
.home-hero-v4{background:var(--limestone)}
.home-hero-v4 .home-hero-copy{background:linear-gradient(128deg,var(--limestone-paper),var(--limestone-deep))}
.home-hero-v4 .eyebrow{color:var(--copper-dark)}
.home-hero-v4 h1 em{color:var(--copper)}
.home-hero-v4 .hero-route-links>span{color:var(--copper-dark)}
.home-hero-v4 .hero-route-links a:hover,.home-hero-v4 .hero-route-links a:focus-visible{color:var(--copper-dark)}
.home-hero-v4 .hero-baseline span+span::before{color:var(--copper)}
.hero-feature-caption small{color:#f5dacc}
.home-approach{background:var(--limestone)}
.home-approach h2 em,.home-approach-steps span{color:var(--copper-dark)}

@media(prefers-reduced-motion:reduce){.gallery-card img,.gallery-filter{transition:none!important}}