/*
* Cores e Letras
*
* Um conjunto de variáveis que definem as cores e
* as fontes de letras utilizadas no site.
*/
:root {
    /* Tipografia */
    --mmm-sb-font-family: 'PT Sans', sans-serif;

    /* Background */
    --mmm-sb-body-background-color: rgb(255, 255, 255);
    --mmm-sb-body-text-color: rgb(0, 0, 0);

    /* header */
    --mmm-sb-header-background-color: rgb(57, 58, 58);
    --mmm-sb-header-color: rgb(0, 0, 0);
    --mmm-sb-header-a-background-color: transparent;
    --mmm-sb-header-a-color: rgb(165, 10, 10);
    --mmm-sb-header-a-hover-background-color: rgb(204, 204, 204);
    --mmm-sb-header-a-text-color: rgb(145, 145, 145);
    --mmm-sb-header-a-active-background-color: rgb(204, 204, 204);
    --mmm-sb-header-a-active-color: rgb(255, 255, 255);

    --mmm-sb-header-menu-icon-background-color: rgb(241, 88, 26);
    --mmm-sb-header-menu-icon-border-color: rgb(57, 58, 58);
    --mmm-sb-header-menu-icon-border-clicked-color: rgba(241, 87, 26, 0.692);

    --mmm-sb-header-menu-background-color: rgb(241, 88, 26);
    --mmm-sb-header-menu-color: rgb(255, 255, 255);

    --mmm-sb-header-logo-background-color: transparent;

    --mmm-sb-header-description-background-color: transparent;
    --mmm-sb-header-description-color: rgb(207, 207, 207);

    /* Infobar */
    --mmm-sb-infobar-background-color: transparent;

    --mmm-sb-infobar-button-contato-background-color: rgb(255, 166, 0);
    --mmm-sb-infobar-button-contato-color: rgb(29, 29, 29);
    --mmm-sb-infobar-button-contato-hover-background-color: rgba(255, 187, 0, .8);
    --mmm-sb-infobar-button-contato-hover-color: rgb(0, 0, 0);

    --mmm-sb-infobar-button-compre-background-color: rgb(97, 196, 84);
    --mmm-sb-infobar-button-compre-color: rgb(29, 29, 29);
    --mmm-sb-infobar-button-compre-hover-background-color: rgba(97, 196, 84, .8);
    --mmm-sb-infobar-button-compre-hover-color: rgb(0, 0, 0);

    /* Compre on-line topo */
    --mmm-sb-calltoaction-top-button-background-color: rgb(0, 167, 0);
    --mmm-sb-calltoaction-top-button-color: rgb(255, 255, 255);

    /* Fale conosco topo */
    --mmm-sb-contact-top-button-background-color: rgb(255, 166, 0);
    --mmm-sb-contact-top-button-color: rgb(255, 255, 255);

    /* Apresentação*/
    --mmm-sb-presentation-background-color: rgba(241, 88, 26, 0.88);
    --mmm-sb-presentation-title-color: rgb(255, 255, 255);
    --mmm-sb-presentation-description-background-color: rgba(57, 58, 58, 0.877);
    --mmm-sb-presentation-description-color: rgb(241, 241, 241);
    --mmm-sb-presentation-button-background-color: rgb(0, 167, 0);
    --mmm-sb-presentation-button-color: rgb(255, 255, 255);

    /* Resumo */
    --mmm-sb-resumo-background-color: rgb(255, 255, 255);
    --mmm-sb-resumo-item-background-color: rgb(250, 250, 250);
    --mmm-sb-resumo-title-color: rgb(0, 0, 0);
    --mmm-sb-resumo-description-color: rgb(0, 0, 0);

    /* Ofertas */
    --mmm-sb-offers-background-color: rgba(57, 58, 58, 0.6);
    --mmm-sb-offers-title-color: rgb(0, 0, 0);
    --mmm-sb-offers-produto-nome-background-color: transparent;
    --mmm-sb-offers-produto-botão-hover-background-color: rgb(97, 196, 84);
    --mmm-sb-offers-botao-rodape-background-color: rgb(255, 255, 255);

    /* Localização */
    --mmm-sb-location-background-color: rgb(255, 255, 255);
    --mmm-sb-location-title-color: rgb(0, 0, 0);
    --mmm-sb-location-address-background-color: rgb(241, 88, 26);
    --mmm-sb-location-address-color: rgb(0, 0, 0);
    --mmm-sb-location-button1-background-color: rgb(0, 167, 0);
    --mmm-sb-location-button1-color: rgb(255, 255, 255);
    --mmm-sb-location-button2-background-color: rgb(241, 88, 26);
    --mmm-sb-location-button2-color: rgb(255, 255, 255);

    /* Redes sociais rodapé */
    --mmm-sb-bottom-redessociais-background-color: rgb(255, 255, 255);
    --mmm-sb-bottom-redessociais-color: rgb(0, 0, 0);
    --mmm-sb-bottom-redessociais-title-color: rgb(0, 0, 0);

    /* Copyright */
    --mmm-sb-copyright-background-color: rgb(57, 58, 58);
    --mmm-sb-copyright-color: rgb(211, 211, 211);
    --mmm-sb-copyright-a-color: rgb(163, 163, 163);

    /* Assinatura */
    --mmm-sb-signature-background-color: rgb(255, 255, 255);
    --mmm-sb-signature-color: rgb(49, 49, 49);
    --mmm-sb-signature-a-color: rgb(170, 0, 0);

    /* Página de contato */
    --mmm-sb-contact-body-background-color: rgb(255, 255, 255);
    --mmm-sb-contact-body-color: rgb(0, 0, 0);

    /* Página de contato - Canais de contato */
    --mmm-sb-contact-channel-background-color: rgb(255, 255, 255);
    --mmm-sb-contact-channel-title-color: rgb(0, 0, 0);
    --mmm-sb-contact-channel-description-color: rgb(0, 0, 0);
    --mmm-sb-contact-channel-button-whatsapp-background-color: rgb(255, 255, 255);
    --mmm-sb-contact-channel-button-whatsapp-color: rgb(0, 0, 0);
    --mmm-sb-contact-channel-button-location-background-color: rgb(255, 255, 255);
    --mmm-sb-contact-channel-button-location-color: rgb(0, 0, 0);
    --mmm-sb-contact-channel-button-email-background-color: rgb(255, 255, 255);
    --mmm-sb-contact-channel-button-email-color: rgb(0, 0, 0);

    /* Página de contato - Redes Sociais */
    --mmm-sb-contact-redessociais-background-color: rgb(255, 255, 255);
    --mmm-sb-contact-redessociais-color: rgb(0, 0, 0);
    --mmm-sb-contact-redessociais-title-color: rgb(0, 0, 0);

    /* Página de contato - Formulário */
    --mmm-sb-contact-form-background-color: rgba(255, 255, 255, 1);
    --mmm-sb-contact-form-title-color: rgb(0, 0, 0);
    --mmm-sb-contact-form-fildname-color: rgb(0, 0, 0);
    --mmm-sb-contact-form-placeholder-color: rgb(161, 161, 161);
    --mmm-sb-contact-form-button-background-color: rgb(255, 166, 0);
    --mmm-sb-contact-form-button-color: rgb(255, 255, 255);
}