:root {
    /*Colors*/
    --primary-color-one: #016ED3;
    /* Color principal de la web, ESTA VA EN LA PREF 33 y 49 */
    --primary-color-two: #ECE1D7;
    /* Segundo color que mas predomina en la web, ESTA VA EN LA PREF 48 */
    --secondary-color-one: #ffffff;
    /* Color base, por lo general fondo de la web */
    --secondary-color-two: #000000;
    /* Segundo color base, por lo general esta en textos */

    /********* NO MEZCLAR LOS COLORES PRIMARY CON LOS COLORES SECONDARY  *************/
    --titles-color: #016ED3;
    
    --auxiliar-color: #EBB5B8;
    /*Color auxiliar, por lo general es un color se que usa una vez sola en algo muy especifico */
    --auxiliar-color-two: white;
    /*Color auxiliar, por lo general es un color se que usa una vez sola en algo muy especifico */

    /*FONT-SIZE*/
    --title-font-size: 28px;
    /* Son los titulos de la pagina */
    --title-line-height: 40px;
    /* Son los titulos de la pagina */

    --subtitle-font-size: 18px;
    /* Categorias */
    --subtitle-line-height: 25px;
    /* Categorias */

    --subtitle-font-size-two: 18px;
    /* Subtitulos de la web, por lo general los titulos de cada producto */
    --subtitle-line-height-two: 23px;
    /* Subtitulos de la web, por lo general los titulos de cada producto */

    --base-font-size: 14px;
    /* Cuerpo de texto, descripciones, etc */
    --base-line-height: 18px;
    /* Cuerpo de texto, descripciones, etc */

    --span-font-size: 13px;
    --span-line-height: 13px;

    --button-font-size: 16px;
    /* Tamano del boton */
    --button-line-height: 18px;
    /* Tamano del boton */

    /*Font-family*/
    --font-one: "Montserrat";
    /* Tipografia que esta en los titulos y subtitulos */
    --font-two: "Montserrat";
    /* Tipografia que esta en los cuerpo de textos, subtitulos */

    /*Header & footer*/
    --background-header: #ffff;
    /*Esta variable se usa para el color de fondo de header y footer*/
    --color-header: black;
    /*Esta variable se usa para el color de fondo de header y footer*/
}