/* ===================================
   02 - Base
   Elementos HTML sin clase: tipografia, enlaces,
   scroll, seleccion, foco y scrollbar.
   =================================== */

/* ===== Tipografia ===== */
body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

.font-serif {
    font-family: 'Playfair Display', serif;
}

/* ===== Scroll suave ===== */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* ===== Enlaces ===== */
a {
    transition: color 0.3s ease;
}

/* ===== Scrollbar personalizado ===== */
/* NOTA: el track era #1F2937 (tema oscuro) y se sobreescribia mas abajo
   en el archivo con #f1f5f9 (tema claro). Consolidado al valor que ganaba. */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: var(--color-gold);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-gold-dark);
}

/* ===== Seleccion de texto ===== */
::selection {
    background-color: var(--color-gold);
    color: #000000;
}

/* ===== Foco visible para navegacion por teclado ===== */
*:focus-visible {
    outline: 2px solid var(--color-gold);
    outline-offset: 2px;
}