/* Palette only: original grid, type scale, spacing and component geometry remain. */
:root {
    --color-primary: #28658a;
    --color-primary-dark: #205270;
    --color-primary-bg: #f2f8fc;
    --color-accent: #28658a;
    --color-nav: #28658a;
    --color-nav-dark: #205270;
    --color-warm: #f5f9fc;
    --color-warm-dark: #eaf2f8;
    --color-highlight: #ffe66d;
    --color-cta-bg: #fff2b3;
    --color-cta-bg-dark: #ffe88a;
    --color-cta-border: #ffe58a;
    --color-text: #303438;
    --color-text-light: #4b5055;
    --color-text-muted: #62686e
}

/* Preserve Hanako's red and green emphasis while keeping the chosen blue fills. */
.text-primary {
    color: #c8102e
}

.text-accent {
    color: #1a5632
}

.client-comparison tbody td:nth-child(2) {
    color: #d93820
}

.client-about-intro {
    max-width: 760px;
    margin-inline: auto
}

.client-about-intro p {
    line-height: 1.9
}

:focus-visible {
    outline: 3px solid #174d73;
    outline-offset: 3px
}

/* Preserve contact colors and avoid motion for visitors who request less of it. */
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto !important
    }

    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important
    }

    .reveal {
        opacity: 1 !important;
        transform: none !important
    }
}