/*
 * content-links.css — Enlaces en contenido principal
 * Copiar a repositorio centralizado, p. ej. HTML2026/assets/css/
 *
 * El tema global (.footer-link:hover → gris claro) pierde contraste sobre
 * fondos claros del aviso. Estas reglas solo aplican dentro de .main-content.
 */

.main-content a.footer-link {
    color: var(--color-accent-orange, #ff6b35);
    text-decoration: underline;
    text-decoration-color: rgba(255, 107, 53, 0.35);
    text-underline-offset: 0.2em;
    text-decoration-thickness: 0.08em;
    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease,
        background-color 0.2s ease;
}

.main-content a.footer-link:hover {
    color: var(--color-accent-hover, #b85d47);
    text-decoration-color: currentColor;
}

.main-content a.footer-link:focus-visible {
    outline: 2px solid var(--color-accent-orange, #ff6b35);
    outline-offset: 3px;
    border-radius: 0.125rem;
}

[data-theme="dark"] .main-content a.footer-link:hover {
    color: var(--color-accent-orange-hover, #ff8a5c);
    text-decoration-color: currentColor;
}

[data-theme="dark"] .main-content a.footer-link:focus-visible {
    outline-color: var(--color-accent-orange, #ff8a5c);
}