/* BeePay Design System — tokens de color y tipografía para BeeRenter */

@font-face {
    font-family: 'Arlon';
    src: url('/fonts/Arlon-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arlon';
    src: url('/fonts/Arlon-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Variable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Italic-Variable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

:root {
    /* Colores primarios */
    --bp-amber-gold: #FFB700;
    --bp-honey-yellow: #FFDE04;
    --bp-rust-orange: #E8863D;
    --bp-pure-white: #FFFFFF;
    --bp-silver-grey: #DCDCDC;
    --bp-steel-grey: #B1B1B1;
    --bp-midnight-black: #2D2925;

    /* Tipografía */
    --bp-font-display: 'Arlon', 'Inter', sans-serif;
    --bp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ============================================================
   ICONOS: font-style normal

   Los iconos se escriben como <i class="bi ..."> y <i class="fa ...">. El
   elemento <i> trae font-style:italic por default del navegador, y hereda
   font-family:Inter porque las clases de icono solo fijan la familia en el
   pseudo-elemento ::before, no en el elemento.

   Resultado medido en produccion: 275 elementos computaban italic + Inter, y
   el navegador descargaba Inter-Italic-Variable.woff2 (376 KB) para renderizar
   CERO caracteres en cursiva. El glifo del icono siempre vino del ::before con
   la familia bootstrap-icons, que ya es normal.

   Esto no puede alterar como se ven los iconos: solo afecta al elemento
   contenedor, que no dibuja texto.
   ============================================================ */
i[class*="bi-"],
i[class*="fa-"],
.bi,
.fa,
.fas,
.far,
.fab {
    font-style: normal;
}