/* VARIABLES */

@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


:root {

    /* fuentes */
    --f-primaria: 'Bitter', serif;
    --f-secundaria: 'Rubik', sans-serif;


    /* colores */
    --c-negro: #0A0B11;
    --c-azul-oscuro: #0A1730;
    --c-azul-medio: #1C3B4D;
    --c-azul-gris: #A3B0B6;
    --c-marron-oscuro: #38332B;
    --c-marron-mostaza: #BFA36E;
    --c-beige: #E5DBCF;
    --c-blanco-roto: #FAF5F2;
    --c-blanco-puro: #fff;

    --deg-oscuro: linear-gradient(125deg, var(--c-azul-medio), var(--c-marron-mostaza));
    --deg-claro: linear-gradient(125deg, var(--c-blanco-roto), var(--c-marron-mostaza));
    

    /* transiciones */
    --all-transition: all 0.4s ease;

}