/**
 * Navegação e rodapé — todas as superfícies
 * foco visível, hovers discretos com tokens Agni.
 */

/* Linha de marca sob o header — perceptível em todas as páginas */
.gh-navigation {
    border-bottom: 1px solid var(--color-border, rgb(0 0 0 / 0.08));
    box-shadow: 0 3px 0 0 rgb(0 96 138 / 0.12);
}

.has-light-text .gh-navigation {
    border-bottom-color: rgb(255 255 255 / 0.1);
    box-shadow: 0 3px 0 0 rgb(115 179 243 / 0.18);
}

.gh-navigation a:focus-visible,
.gh-navigation .gh-button:focus-visible,
.gh-navigation button:focus-visible {
    outline: 2px solid var(--agni-brand, #00608a);
    outline-offset: 3px;
}

.has-light-text .gh-navigation a:focus-visible,
.has-light-text .gh-navigation .gh-button:focus-visible,
.has-light-text .gh-navigation button:focus-visible {
    outline-color: var(--agni-brand-2, #73b3f3);
}

.gh-navigation-menu a {
    transition: color 0.2s ease, box-shadow 0.2s ease;
}

.gh-navigation-menu a:hover {
    color: var(--agni-brand, #00608a);
}

.has-light-text .gh-navigation-menu a:hover {
    color: var(--agni-brand-2, #73b3f3);
}

.gh-footer a:focus-visible,
.gh-footer .gh-button:focus-visible {
    outline: 2px solid var(--agni-brand, #00608a);
    outline-offset: 2px;
}

.has-light-text .gh-footer a:focus-visible,
.has-light-text .gh-footer .gh-button:focus-visible {
    outline-color: var(--agni-brand-2, #73b3f3);
}

.gh-footer-menu a {
    transition: color 0.2s ease;
}

.gh-footer-menu a:hover {
    color: var(--agni-brand, #00608a);
}

.has-light-text .gh-footer-menu a:hover {
    color: var(--agni-brand-2, #73b3f3);
}

.gh-footer-signup {
    border-radius: var(--agni-radius-card, 14px);
    border: 1px solid var(--color-border, rgb(0 0 0 / 0.08));
    padding: clamp(1.5rem, 4vw, 2.25rem);
    margin-top: 1.5rem;
}

.has-light-text .gh-footer-signup {
    border-color: rgb(255 255 255 / 0.12);
}

@media (prefers-reduced-motion: reduce) {
    .gh-navigation-menu a,
    .gh-footer-menu a {
        transition: none;
    }
}