:root{
    
    /* COLORES */
    --color-principal: #F0C791;
    --color-principal-text: #a57441;
    --color-background: #0E1113;
    --color-barra: #4D5153;
    --color-border: #202528;
    --color-medio: #9098A1;
    --color-claro: #E4E8EF;
    --color-gasto-background: rgb(236, 147, 147);
    --color-gasto-text: #7F5454;
    --color-green-background: #C1EFAF;
    --color-green-text: #607F54;
    --color-notas-background: #AFEFEC;
    --color-notas-text: #547F7A;

    --principal: #F0C791;
    --principal-text: #a57441;
    --claro: #E4E8EF;
    --medio: #6a6f75;
    --tenue: #bec9d7;
    
    /* GAPS */
    --s: 5px;
    --m: 10px;
    --l: 20px;
    --xl: 30px;
    --xxl: 40px;

    /* Fuentes */
    --fuente-principal: "Figtree", serif !important;
    --body: 15px;
    
    /* Espaciado */
    --border: 1px solid #cad3d7;
    --border-button: 1px solid #F0C791;
   
}