/* ============================================================================
   ESMERO · FUNDACIÓN DE MARCA (tokens + tipografías)
   Fuente de verdad: Manual de marca v1.0 (secciones C-20/21/22).
   Paleta:  Verde Tinta #23332C · Arcilla #C0633D · Salvia #7E8E74
            Salvia clara #E6EBDF · Crema #F6F1E7 · Carbón #4A463E
   Regla 60/30/10: 60% crema (fondo) · 30% verde (bloques/texto) · 10% arcilla
   (solo acentos: el punto, un botón, un dato).
   Tipografías: Fraunces (títulos 600-900) + Hanken Grotesk (texto 400-700).
   Self-hosteadas en /fonts (variable fonts, subset latin).
   ========================================================================== */

@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/fraunces-var-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/hanken-var-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* Paleta oficial */
    --esmero-verde:        #23332C;
    --esmero-arcilla:      #C0633D;
    --esmero-salvia:       #7E8E74;
    --esmero-salvia-clara: #E6EBDF;
    --esmero-crema:        #F6F1E7;
    --esmero-carbon:       #4A463E;

    /* Derivados funcionales (hover/superficies, dentro de la misma familia) */
    --esmero-verde-hover:   #1A2620;
    --esmero-arcilla-hover: #A9532F;
    --esmero-crema-card:    #FFFFFF;
    --esmero-linea:         #E3DDD0;

    /* Tipografías (fallbacks del manual: Georgia / Arial) */
    --esmero-font-titulo: 'Fraunces', Georgia, 'Times New Roman', serif;
    --esmero-font-texto:  'Hanken Grotesk', Arial, Helvetica, sans-serif;

    /* Forma: esquinas redondeadas como el isotipo */
    --esmero-radio:    16px;
    --esmero-radio-sm: 10px;
}