/* SWM V2026: semantic color roles only. Layout and font rules stay in place. */
:root {
    --dark: #493126;
    --gold: #c69d75;
    --gold-text: #91663e;
    --muted: #756e68;
}
/* Readable gold for copy on cream and white surfaces. */
.text-gold,
.eyebrow,
.service-kicker,
.service-link,
.mini-kicker,
.proof-item span {
    color: var(--gold-text);
}
/* The light gold remains readable against dark cards. */
.service:nth-child(2) .service-kicker,
.service:nth-child(2) .service-link,
.deep-card.dark .mini-kicker {
    color: var(--gold);
}
/* Pale footer copy and links retain their secondary role with enough contrast. */
#contact .text-stone-400,
#contact .text-stone-300 {
    color: var(--muted);
}
#method .opacity-50 {
    color: var(--muted);
    opacity: 1;
}
/* Existing hover destinations use the brand brown. */
.hover\:text-dark:hover,
.hover\:text-stone-900:hover {
    color: var(--dark);
}
.group:hover .group-hover\:bg-stone-900 {
    background-color: var(--dark);
}
/* Keep text links distinguishable without changing click behavior or movement. */
.links a:hover,
.nav-links a:not(.cta):hover,
footer a:hover,
.back:hover,
.service-link:hover,
.home-service-card > a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}
footer a:hover,
.back:hover {
    color: var(--dark);
}
a:focus-visible,
button:focus-visible {
    outline: 3px solid var(--gold-text);
    outline-offset: 4px;
}
.final-cta a:focus-visible,
.service:nth-child(2) a:focus-visible,
.deep-card.dark a:focus-visible {
    outline-color: var(--gold);
}

/* Responsive heading corrections; family, weight and semantic levels are unchanged. */
h1, h2, h3, h4,
.home-service-card h4 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}
.swm-home main h1 {
    font-size: 2rem;
    line-height: 1.1;
}
.page-shell h1,
.wrap h1 {
    font-size: clamp(2rem, 4.5vw, 4rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
    text-wrap: balance;
}
.page h1 {
    font-size: clamp(1.7rem, 4.5vw, 3.25rem);
    line-height: 1.1;
    text-wrap: balance;
}
#services h3 {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    line-height: 1.12;
}
#method h2 {
    font-size: clamp(1.625rem, 2.5vw, 2rem);
    line-height: 1.15;
}
@media (min-width: 640px) {
    .swm-home main h1 { font-size: 3rem; }
}
@media (min-width: 1024px) {
    .swm-home main h1 { font-size: 3.75rem; }
}
@media (min-width: 768px) and (max-width: 900px) {
    .home-service-card h4 {
        font-size: 1.25rem;
        line-height: 1.3;
    }
}
/* Shared SWM components use the same brown without changing the cached utility sheet. */
.deep-card.dark {
    background-color: var(--dark);
    border-color: var(--dark);
}
.deep-card h2,
.service-row strong,
.service-quote p {
    color: var(--dark);
}
