/* app/static/css/variables.css */

/* --- FUENTES LOCALES --- */
@font-face {
    font-family: 'Cavolini';
    src: url('../fonts/Cavolini.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* --- PALETA DE COLORES CIRCULO MENTAL --- */
:root {
    /* Colores Marca */
    --color-petroleo: #276678;
    --color-menta: #8ED1B2;
    --color-arena: #F4E8D8;
    
    /* Colores UI */
    --color-noche: #163A45;
    --color-coral: #D9735A;
    --color-blanco-roto: #FDFDFD;

    /* Tipografía */
    --font-titulos: 'Cavolini', sans-serif;
    --font-cuerpo: 'Aptos', sans-serif;
}