/**
 * Fuentes del proyecto – @font-face y variables de uso
 *
 * Uso en cualquier parte del proyecto:
 *   font-family: var(--font-titulares);   → Fraunces (titulares + frases)
 *   font-family: var(--font-secundaria);  → Nohemi Light (titulares secundarios + párrafo)
 *   font-family: var(--font-decorativa); → Great Vibes (decorativo / acentos)
 *   font-family: var(--font-extra);       → Playfair Display (reserva / uso futuro)
 *
 * Clases de utilidad: .font-titulares .font-secundaria .font-decorativa .font-extra
 */

/* ========== Fraunces – Titulares + frases ========== */
@font-face
{
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/Variable-TT/Fraunces-VariableFont_SOFT,WONK,opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/Variable-TT/Fraunces-Italic-VariableFont_SOFT,WONK,opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* ========== Nohemi Light – Titulares secundarios + párrafo ========== */
@font-face
{
    font-family: 'Nohemi';
    src: url('../fonts/Nohemi/Web-TT/Nohemi-Light.woff2') format('woff2'),
         url('../fonts/Nohemi/Web-TT/Nohemi-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    letter-spacing: 1rem;
}

/* ========== Great Vibes – Decorativo / acentos gráficos ========== */
@font-face
{
    font-family: 'Great Vibes';
    src: url('../fonts/Great_Vibes/GreatVibes-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ========== Playfair Display – Reserva / uso futuro ========== */
@font-face
{
    font-family: 'Playfair Display';
    src: url('../fonts/playfair-display.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ========== Variables CSS – uso en todo el proyecto ========== */
:root
{
    --font-titulares:   'Fraunces', serif;
    --font-secundaria:  'Nohemi', sans-serif;
    --font-decorativa:  'Great Vibes', cursive;
    --font-extra:       'Playfair Display', serif;
}

/* ========== Clases de utilidad ========== */
.font-titulares
{
    font-family: var(--font-titulares);
}

.font-secundaria
{
    font-family: var(--font-secundaria);
}

.font-decorativa
{
    font-family: var(--font-decorativa);
}

.font-extra
{
    font-family: var(--font-extra);
}