/* ══════════════════════════════════════════════════════════
   ENOTCH — Tipografía oficial autohospedada
   Poppins (títulos) + Tajawal (textos largos y botones)
   Fuentes: /public/assets/fonts/{poppins,tajawal}/*.ttf
   ══════════════════════════════════════════════════════════ */

/* ──────── POPPINS ──────── */
@font-face {
    font-family: 'Poppins';
    src: url('/assets/fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/assets/fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/assets/fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/assets/fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/assets/fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800; font-style: normal; font-display: swap;
}

/* ──────── TAJAWAL ──────── */
@font-face {
    font-family: 'Tajawal';
    src: url('/assets/fonts/tajawal/Tajawal-Light.ttf') format('truetype');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Tajawal';
    src: url('/assets/fonts/tajawal/Tajawal-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Tajawal';
    src: url('/assets/fonts/tajawal/Tajawal-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Tajawal';
    src: url('/assets/fonts/tajawal/Tajawal-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Tajawal';
    src: url('/assets/fonts/tajawal/Tajawal-ExtraBold.ttf') format('truetype');
    font-weight: 800; font-style: normal; font-display: swap;
}

/* ══════════════════════════════════════════════════════════
   TOKENS DE COLOR ENOTCH (oficiales)
   ══════════════════════════════════════════════════════════ */
:root {
    --enotch-morado:            #3D3569;
    --enotch-morado-2:          #8a779a;
    --enotch-verde:             #80B64C;
    --enotch-titulo-xl:         #23232d;
    --enotch-titulo-sm:         #41414c;
    --enotch-texto:             #64626e;
    --enotch-font-titulo:       'Poppins', system-ui, sans-serif;
    --enotch-font-body:         'Tajawal', 'Poppins', system-ui, sans-serif;
}