:root {
    /* colores */
    --color1: #8ece61;
    --color1Hover: #79b151;

    --color2: #000;
    --color2Hover: #000;

    --color3: #735d37;
    --color3Hover: #625030;

    --color4: #f6f9fd;
    --color4Hover: #eff2f5;

    --color5: #edfbe2;

    /* textos */
    --textoOscuro: #333;
    --textoClaro: #fff;

    --letrasNav: #333;
    --letrasNavMovil: #333;

    --sombra: 3px 3px 5px 0px #00000026;
    --sombraTop: 3px -3px 5px 0px #00000026;


    /*===================*/
    /* global */
    /*===================*/
    --background-body: var(--color4);
    --color-h2Titulo: var(--textoOscuro);

    /*===================*/
    /* infos */
    /*===================*/
    --infos-bg-color-btnsInfo: var(--color1);
    --infos-bg-color-btnsInfoHover: var(--color1Hover);
    --infos-color-btnsInfo: var(--textoClaro);
    --infos-color-btnsInfoHover: var(--textoClaro);

    /*===================*/
    /* carrusel */
    /*===================*/
    --color-dots-active: var(--color1Hover);
    --color-flecha-carrusel: var(--color2);

    /*===================*/
    /* header nav */
    /*===================*/
    --background-navbar: var(--color1);

    --color-btns-nav: var(--textoOscuro);
    --color-btns-nav-underline: var(--textoOscuro);
    --font-weight-nav: 500;

    --color-btns-icon: var(--color2);
    --color-btns-icon-hover: var(--color1);
    --color-btns-icon-bg-hover: var(--color2);

    /*===================*/
    /* Footer */
    /*===================*/
    --background-footer-top: var(--color1);
    --background-footer-bot: var(--color1Hover);

    --textos-footer: var(--color2);
    --color-creditos: var(--color2);

    /*===================*/
    /* card productp */
    /*===================*/
    --color-oferta-cardProducto: var(--color1);
    --color-titulo-cardProducto: var(--textoOscuro);
    --color-precio-cardProducto: var(--textoOscuro);
    --background-btnVermas-cardProducto: var(--color1);
    --background-hover-btnVermas-cardProducto: var(--color1Hover);

    /*===================*/
    /* single page (producto) */
    /*===================*/
    --single-color-titulo: var(--textoOscuro);
    --single-color-precio: var(--textoOscuro);

    --single-bg-color-btnCart: var(--color1);
    --single-bg-color-btnCartHover: var(--color1Hover);
    --single-color-btnCart: var(--textoClaro);

    --single-border-color-btnComprarAhora: var(--color2);
    --single-color-btnComprarAhora: var(--textoOscuro);
    --single-bg-color-btnComprarAhoraHover: var(--color2);
    --single-color-btnComprarAhoraHover: var(--textoClaro);

    --single-border-color-badge: var(--color1);
    --single-color-badge: var(--textoOscuro);
    --single-bg-color-badgeHover: var(--color1);
    --single-color-badgeHover: var(--textoClaro);

    --single-bg-btnEnviarValoracion: var(--color1);
    --single-color-btnEnviarValoracion: var(--textoClaro);

    /*===================*/
    /* carrito */
    /*===================*/
    --cart-bg-color-btnFinalizar: var(--color1);
    --cart-bg-color-btnFinalizarHover: var(--color1Hover);
    --cart-color-btnFinalizarHover: var(--textoClaro);

    /*===================*/
    /* checkout */
    /*===================*/
    --checkout-bg-realizarPedido: var(--color1);
    --checkout-bg-realizarPedidoHover: var(--color1Hover);

    --checkoput-bg-btnVolver: var(--color1);
    --checkoput-bg-btnVolverHover: var(--color1Hover);
    --checkoput-color-btnVolver: var(--textoClaro);

    /*===================*/
    /* checkout */
    /*===================*/
    --cuenta-bg-color-btns: var(--color1);
    --cuenta-bg-color-btnsHover: var(--color1Hover);
    --cuenta-color-btns: var(--textoClaro);

}