:root {
    /* HEADER */
    --ecom-header-top-bg: #f3f4f6;
    --ecom-header-top-text: #404040;
    --ecom-header-top-hover: #171717;
    --ecom-header-logo-bg: #ffffff;
    --ecom-header-menu-bg: #ffffff;
    --ecom-header-menu-text: #262626;
    --ecom-header-menu-hover: #737373;
    /* BANNER */
    --ecom-banner-subtitle-text: #ffffff;
    --ecom-banner-subtitle-bg: #404040;
    --ecom-banner-title: #ffffff;
    --ecom-banner-description: #e5e5e5;
    --ecom-banner-btn-primary-bg: #262626;
    --ecom-banner-btn-primary-text: #ffffff;
    --ecom-banner-btn-primary-hover-bg: #525252;
    --ecom-banner-btn-primary-hover-text: #ffffff;
    --ecom-banner-btn-secondary-bg: #f5f5f5;
    --ecom-banner-btn-secondary-text: #262626;
    --ecom-banner-btn-secondary-hover-bg: #e5e5e5;
    --ecom-banner-btn-secondary-hover-text: #171717;
    /* CARDS */
    --ecom-card-bg: #ffffff;
    --ecom-card-subtitle: #737373;
    --ecom-card-title: #262626;
    --ecom-card-title-hover: #525252;
    --ecom-card-price: #171717;
    --ecom-card-btn-bg: #262626;
    --ecom-card-btn-text: #ffffff;
    --ecom-card-btn-hover-bg: #525252;
    --ecom-card-btn-hover-text: #ffffff;
    /* GERAL */
    --ecom-bg-page: #f8f9fa;
    --ecom-text-primary: #262626;
    --ecom-text-secondary: #737373;
    --ecom-accent: #525252;
    --ecom-accent-border: #a3a3a3;
    --ecom-icon-color: #525252;
    --ecom-border-default: #e5e7eb;
    /* BOTÃO PRINCIPAL */
    --ecom-button-primary-bg: #262626;
    --ecom-button-primary-text: #ffffff;
    --ecom-button-primary-border: #262626;
    --ecom-button-primary-hover-bg: #525252;
    --ecom-button-primary-hover-text: #ffffff;
    --ecom-button-primary-hover-border: #525252;
    /* BOTÃO SECUNDÁRIO */
    --ecom-button-secondary-bg: #e5e7eb;
    --ecom-button-secondary-text: #262626;
    --ecom-button-secondary-border: #d1d5db;
    --ecom-button-secondary-hover-bg: #d1d5db;
    --ecom-button-secondary-hover-text: #171717;
    --ecom-button-secondary-hover-border: #a3a3a3;
    /* BOTÃO OUTLINE */
    --ecom-button-outline-bg: #ffffff;
    --ecom-button-outline-text: #262626;
    --ecom-button-outline-border: #737373;
    --ecom-button-outline-hover-bg: #e5e5e5;
    --ecom-button-outline-hover-text: #171717;
    --ecom-button-outline-hover-border: #525252;
    /* FOOTER */
    --ecom-footer-bg: #262626;
    --ecom-footer-title: #ffffff;
    --ecom-footer-text: #d4d4d4;
    --ecom-footer-detail: #f5f5f5;
    --ecom-footer-bottom-bg: #171717;
    --ecom-footer-bottom-text: #a3a3a3;
}