@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:italic,wght@400;700&family=Inter:wght@300;400;500&display=swap');

:root {
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Inter', sans-serif;
}

body {
    font-family: var(--font-sans);
    background-color: #fafaf9; /* stone-50 */
}

h1, h2, .font-serif {
    font-family: var(--font-serif);
}

/* Transición suave para los inputs */
input, select {
    transition: border-color 0.2s ease-in-out;
}