/* ARCHIVO CSS PARA LAS VARIABLES DE ROOT */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
    /* fonts */
    --font-primary: "Inter", sans-serif;
    --f-size-m: 1.125rem;
    --semibold: 500;

    --b-radius: 40px;

     --transition: all 0.4s ease-in-out;

    /* colors */
    --c-negro: #000000;
    --c-azul-osc: rgb(20, 52, 68);
    --c-azul: #0b5c84;
    ---c-turquesa: #67D6C1;
    --c-gris-osc: #E8E8E8;
    --c-gris: #F7F7F7;
    --c-blanco: #ffffff;

    /* Transitions */
    --btn-transition: all 0.3s ease;
    --all-transition: all 0.4s ease;
}