/* =========================================
   VARIABLES.CSS - FINAL (FUENTES LOCALES)
   ========================================= */

/* --- 1. DEFINICIÓN DE FUENTES LOCALES (@font-face) --- */

/* GILDA DISPLAY */
@font-face {
    font-family: 'Gilda Display';
    /* Ruta relativa: salimos de 'css' (..) y entramos a 'fonts' */
    src: url('../fonts/Gilda_Display/GildaDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* INTER (Usamos la variante '18pt' que es ideal para texto web) */

/* Light (300) */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/static/Inter_18pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular (400) */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/static/Inter_18pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Medium (500) */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/static/Inter_18pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* SemiBold (600) */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/static/Inter_18pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Bold (700) */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/static/Inter_18pt-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* --- 2. VARIABLES GLOBALES --- */
:root {
    /* --- PALETA DE COLORES (Figma) --- */
    --color-crema: #C5BDA8;          
    --color-marron: #16120F;         
    --color-dorado: #56503D;         
    --color-negro: #000000;
    --color-blanco: #FFFFFF;
    
    /* Overlay del Hero */
    --hero-overlay: rgba(71, 23, 12, 0.3);

    /* --- TIPOGRAFÍA --- */
    --font-heading: 'Gilda Display', serif; /* Títulos */
    --font-body: 'Inter', sans-serif;       /* Textos */

    /* --- TAMAÑOS --- */
    --header-height: 85px;
    --container-max-width: 1440px;
}