:root {
    /* =========================================================
       HEADER
       ========================================================= */

    --ecom-header-top-bg: #171717;
    --ecom-header-top-text: #d4d4d4;
    --ecom-header-top-hover: #ffffff;
    --ecom-header-logo-bg: #121212;
    --ecom-header-menu-bg: #242424;
    --ecom-header-menu-text: #f5f5f5;
    --ecom-header-menu-hover: #ffffff;
    /* =========================================================
       BANNER
       ========================================================= */

    --ecom-banner-subtitle-text: #f5f5f5;
    --ecom-banner-subtitle-bg: #404040;
    --ecom-banner-title: #ffffff;
    --ecom-banner-description: #d4d4d4;
    --ecom-banner-btn-primary-bg: #e5e5e5;
    --ecom-banner-btn-primary-text: #171717;
    --ecom-banner-btn-primary-hover-bg: #ffffff;
    --ecom-banner-btn-primary-hover-text: #111111;
    --ecom-banner-btn-secondary-bg: #404040;
    --ecom-banner-btn-secondary-text: #f5f5f5;
    --ecom-banner-btn-secondary-hover-bg: #525252;
    --ecom-banner-btn-secondary-hover-text: #ffffff;
    /* =========================================================
       CARDS
       ========================================================= */

    --ecom-card-bg: #242424;
    --ecom-card-subtitle: #b3b3b3;
    --ecom-card-title: #ffffff;
    --ecom-card-title-hover: #d4d4d4;
    --ecom-card-price: #fafafa;
    --ecom-card-btn-bg: #e5e5e5;
    --ecom-card-btn-text: #171717;
    --ecom-card-btn-hover-bg: #ffffff;
    --ecom-card-btn-hover-text: #111111;
    /* =========================================================
       GERAL
       ========================================================= */

    --ecom-bg-page: #121212;
    --ecom-text-primary: #f5f5f5;
    --ecom-text-secondary: #b3b3b3;
    --ecom-accent: #e5e5e5;
    --ecom-accent-border: #737373;
    --ecom-icon-color: #d4d4d4;
    --ecom-border-default: #404040;
    /* =========================================================
       BOTÃO PRINCIPAL
       ========================================================= */

    --ecom-button-primary-bg: #e5e5e5;
    --ecom-button-primary-text: #171717;
    --ecom-button-primary-border: #e5e5e5;
    --ecom-button-primary-hover-bg: #ffffff;
    --ecom-button-primary-hover-text: #111111;
    --ecom-button-primary-hover-border: #ffffff;
    /* =========================================================
       BOTÃO SECUNDÁRIO
       ========================================================= */

    --ecom-button-secondary-bg: #404040;
    --ecom-button-secondary-text: #f5f5f5;
    --ecom-button-secondary-border: #525252;
    --ecom-button-secondary-hover-bg: #525252;
    --ecom-button-secondary-hover-text: #ffffff;
    --ecom-button-secondary-hover-border: #737373;
    /* =========================================================
       BOTÃO OUTLINE
       ========================================================= */

    --ecom-button-outline-bg: transparent;
    --ecom-button-outline-text: #e5e5e5;
    --ecom-button-outline-border: #a3a3a3;
    --ecom-button-outline-hover-bg: #e5e5e5;
    --ecom-button-outline-hover-text: #171717;
    --ecom-button-outline-hover-border: #e5e5e5;
    /* =========================================================
       FOOTER
       ========================================================= */

    --ecom-footer-bg: #191919;
    --ecom-footer-title: #ffffff;
    --ecom-footer-text: #b3b3b3;
    --ecom-footer-detail: #e5e5e5;
    --ecom-footer-bottom-bg: #0a0a0a;
    --ecom-footer-bottom-text: #a3a3a3;
}