:root{

    /*==============================
      COLORES INSTITUCIONALES
    ==============================*/

    --color-primario: #062f7a;
    --color-secundario: #003b3f;
    --color-footer: #576d96;
    --color-fondo: #f4f6f7;

    --color-blanco: #ffffff;
    --color-negro: #222222;
    --color-gris: #666666;

    /*==============================
      TIPOGRAFÍA
    ==============================*/

    --fuente-principal: Arial, Helvetica, sans-serif;

    /*==============================
      TAMAÑOS
    ==============================*/

    --header-altura: 110px;

    --radio: 12px;

    /*==============================
      SOMBRAS
    ==============================*/

    --sombra-card: 0 6px 18px rgba(0,0,0,.15);

    --sombra-hover: 0 12px 30px rgba(0,0,0,.20);

    /*==============================
      TRANSICIONES
    ==============================*/

    --transicion: .30s ease;

}