:root {
    --ml-ink: #29211c;
    --ml-paper: #f8f5ee;
    --ml-accent: #e9c52a;
    --ml-wine: #702920;
    --ml-font: 'Montserrat', sans-serif;
    --ml-altura-cabecera: 4.5rem;
}

@media (max-width: 575px) { :root { --ml-altura-cabecera: 4rem; } }

body { font-family: var(--ml-font); color: var(--ml-ink); }

:focus-visible { outline: 3px solid var(--ml-wine); outline-offset: 4px; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
