:root {
    --primary-color: #1d4ed8;
    --primary-light-color: #ff9f5e;
    --primary-dark-color: #cc5a1e;
    --secondary-color: #000000;
    --secondary-light-color: #000000;
    --secondary-dark-color: #000000;
    --accent-color: #0066ff;
    --success-color: #28a745;
    --info-color: #17a2b8;
    --warning-color: #fff3cd;
    --danger-color: #f8d7da;
    --body-bg-color: #f8f9fa;
    --content-bg-color: #ffffff;
    --background-primary-color: #ffffff;
    --background-secondary-color: #efefef;
    --background-light-color: #f8f9fa;
    --background-dark-color: #dee2e6;
    --text-primary-color: #000000;
    --body-text-color: #000000;
    --text-secondary-color: #6c757d;
    --text-light-color: #ffffff;
    --text-dark-color: #000000;
    --heading-color: #1a1a1a;
    --link-color: #000000;
    --link-hover-color: #0066ff;
    --text-muted-color: #999999;
    --border-color: #dee2e6;
    --border-light-color: #f1f3f4;
    --border-dark-color: #adb5bd;
    --border-style: solid;
    --border-width: 1px;
    --border-radius-base: 4px;
    --card-border-radius: 4px;
    --input-border-radius-1: 4px;
    --btn-border-radius: 4px;
    --top-contact-and-social-bg-color: #f8f9fa;
    --top-contact-and-social-link-color: #000000;
    --top-contact-and-social-link-hover-color: #1d4ed8;
    --top-contact-and-social-icon-color: #000000;
    --top-contact-and-social-icon-hover-color: #1d4ed8;
    --top-contact-and-social-container-margin-top: ;
    --top-contact-and-social-bg-color-mobile: #ffffff;
    --top-contact-and-social-link-color-mobile: #ffffff;
    --top-contact-and-social-link-hover-color-mobile: #0066ff;
    --top-contact-and-social-icon-color-mobile: #1d4ed8;
    --top-contact-and-social-icon-hover-color-mobile: #0066ff;
    --top-contact-and-social-container-mobile-margin-top: 115px;
    --shop-menu-container-icon-color-search: #000000;
    --shop-menu-container-icon-color-member: #000000;
    --shop-menu-container-icon-color-favorites: #000000;
    --shop-menu-container-icon-color-basket: #000000;
    --shop-menu-container-icon-hover-color: #1d4ed8;
    --action-icon-basket-counter-bg-color: #dc3545;
    --shop-menu-container-mobile-icon-color-search: #000000;
    --shop-menu-container-mobile-icon-color-member: #000000;
    --shop-menu-container-mobile-icon-color-favorites: #000000;
    --shop-menu-container-mobile-icon-color-basket: #000000;
    --mobile-action-icon-phone-bg-color: #28a745;
    --mobile-action-icon-whatsapp-bg-color: #25d366;
    --mobile-action-icon-basket-bg-color: #4285f4;
    --mobile-action-icon-basket-counter-bg-color: #dc3545;
    --mobile-action-icon-size: 32px;
    --mobile-action-icon-gap: 12;
    --header-logo-width: 231px;
    --header-logo-margin-top: 0;
    --header-logo-margin-right: 0;
    --header-logo-margin-bottom: 0;
    --header-logo-margin-left: 0;
    --header-logo-mobile-width: 150px;
    --header-mobile-logo-margin-top: 0;
    --header-mobile-logo-margin-right: 0;
    --header-mobile-logo-margin-bottom: 0;
    --header-mobile-logo-margin-left: 0;
    --header-bg-color: #ffffff;
    --header-min-height: 80px;
    --header-padding: 15px;
    --header-border-width: 1px;
    --header-border-color: #e9ecef;
    --header-mobile-bg-color: #ffffff;
    --header-mobile-min-height: 90px;
    --header-mobile-padding: 15px;
    --header-mobile-border-width: 1px;
    --header-mobile-border-color: #e9ecef;
    --menu-background-color: #ffffff;
    --menu-text-color: #333333;
    --menu-hover-color: #4285f4;
    --menu-hover-bg-color: #f8f9fa;
    --menu-active-color: #4285f4;
    --menu-active-bg-color: #000000;
    --mobile-menu-background-color: #ffffff;
    --mobile-menu-text-color: #333333;
    --hamburger-icon-color: #333333;
    --mobile-menu-hover-color: #4285f4;
    --mobile-menu-hover-bg-color: #f8f9fa;
    --mobile-menu-divider-color: #e9ecef;
    --submenu-bg-color: #ffffff;
    --submenu-text-color: #333333;
    --submenu-hover-color: #4285f4;
    --submenu-hover-bg-color: #f8f9fa;
    --submenu-border-color: #e9ecef;
    --submenu-width: 200px;
    --menu-font-size: 16px;
    --mobile-menu-font-size: 16px;
    --menu-height: 60px;
    --submenu-font-size: 14px;
    --menu-padding: 15px;
    --mobile-menu-padding: 15px;
    --product-box-background-color: #ffffff;
    --product-box-border-color: #e9ecef;
    --product-box-hover-border-color: #4285f4;
    --product-title-color: #212529;
    --product-price-color: #212529;
    --product-sale-price-color: #dc3545;
    --product-old-price-color: #6c757d;
    --product-discount-badge-color: #dc3545;
    --add-to-cart-bg-color: #4285f4;
    --add-to-cart-text-color: #ffffff;
    --add-to-cart-hover-bg-color: #3367d6;
    --product-box-padding: 15px;
    --product-box-border-radius: 8px;
    --product-image-aspect-ratio: 1/1;
    --product-image-container-height: 260px;
    --product-box-height: 430px;
    --input-bg-color: #ffffff;
    --input-border-color: #ced4da;
    --input-focus-border-color: #4285f4;
    --input-text-color: #495057;
    --input-placeholder-color: #6c757d;
    --btn-primary-bg-color: #4285f4;
    --btn-primary-text-color: #ffffff;
    --btn-primary-hover-bg-color: #3367d6;
    --btn-primary-border-color: #4285f4;
    --btn-secondary-bg-color: #6c757d;
    --btn-secondary-text-color: #ffffff;
    --btn-secondary-hover-bg-color: #5a6268;
    --btn-outline-color: #4285f4;
    --form-label-color: #212529;
    --form-required-color: #dc3545;
    --form-error-color: #dc3545;
    --form-success-color: #28a745;
    --input-height: 38px;
    --input-padding: 12px;
    --input-border-radius: 4px;
    --btn-padding-y: 12px;
    --btn-padding-x: 24px;
    --footer-background-color: #343a40;
    --footer-text-color: #ffffff;
    --footer-link-color: #adb5bd;
    --footer-link-hover-color: #ffffff;
    --copyright-background-color: #212529;
    --copyright-text-color: #6c757d;
    --copyright-link-color: #adb5bd;
    --copyright-border-top-color: #495057;
    --social-icon-color: #adb5bd;
    --social-icon-hover-color: #ffffff;
    --social-icon-size: 24px;
    --footer-logo-width: 400px;
    --footer-logo-height: 100px;
    --footer-padding-y: 40px;
    --footer-font-size: 14px;
    --copyright-padding: 20px;
    --mobile-breakpoint: 768px;
    --tablet-breakpoint: 992px;
    --desktop-breakpoint: 1400px;
    --mobile-container-padding: 15px;
    --tablet-container-padding: 20px;
    --desktop-max-width: 1400px;
    --mobile-base-font-size: 14px;
    --mobile-h1-font-size: 24px;
    --mobile-line-height: 25px;
    --mobile-section-margin: 20px;
    --mobile-card-margin: 10px;
    --mobile-button-height: 44px;
    --enable-touch-swipe: on;
    --touch-target-size: 44px;
    --desktop-frame-bg-color: #f8f9fa;
    --tablet-frame-bg-color: #e3f2fd;
    --mobile-frame-bg-color: #f3e5f5;
    --font-size-xs: 10px;
    --font-size-small: 12px;
    --font-size-normal: 14px;
    --font-size-large: 18px;
    --font-size-xlarge: 22px;
    --font-size-xxlarge: 26px;
    --homepage-product-box-width: 18%;
    --category-product-box-width: 23%;
    --search-product-box-width: 23%;
    --page-product-box-width: 23%;
    --border-radius-sm: 4px;
    --border-radius-lg: 16px;
    --border-radius-pill: 500px;
    --box-shadow-base: 0 2px 10px rgba(0, 0, 0, 0.075);
    --box-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --box-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --box-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    --text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;
    --alert-danger-text: #ffffff;
}