:root {
            --primary-color: #946d6d;
            --secondary-color: #adacac;
            --text-color: #3b4169;
            --button-text-color: #FFFFFF;
            --link-color: #535b8f;
            --link-hover-color: #606bb3;
            --button-hover-color: #e9c1c4;
            --hero-text-color: #535b8f;
            --ad-text-color: #656ead;
            --ad-title-color: #535b8f;
            --header-bg-color: #ffffff;
            --footer-bg-color: #e9c1c4;
            --main-image: url(none);
            --ad-image: url(none);
            
            --card-bg-color: #bcd487;
            --card-text-color: #333333;
            --card-price-color: #000000;
            --card-border-color: #EEEEEE;

            --sidebar-bg-color: #FFFFFF;
            --sidebar-text-color: #333333;
            --sidebar-title-color: #474a50;
            --sidebar-border-color: #DDDDDD;

            --cart-item-bg-color: #ffffff;
            --cart-item-text-color: #333333;
            --cart-item-secondary-text-color: #666666;
            --cart-quantity-btn-bg-color: #eeeeee;
            --cart-quantity-input-border-color: #dddddd;
            --cart-remove-btn-color: #aaaaaa;
            --cart-remove-btn-hover-color: #e53935;
            --cart-summary-text-color: #555555;
            --cart-clear-btn-hover-bg-color: #dddddd;
            --floating-cart-bg-color: #474a50;
            --mobile-menu-bg-color: #ffffff;

            /* About Page Colors */
            --about-header-bg-color: #946d6d;
            --about-header-text-color: #3b4169;
            --about-title-color: #adacac;
            --about-text-color: #3b4169;
            --about-accent-color: #535b8f;
            --about-card-bg-color: #bcd487;
            --about-team-member-bg-color: #bcd487;
            --about-cta-bg-color: #adacac;
            --about-cta-text-color: #FFFFFF;
            --about-contact-btn-bg-color: #535b8f;
            --about-contact-btn-text-color: #FFFFFF;
            --about-contact-btn-hover-bg-color: #606bb3;

            /* Product Detail Page Colors */
            --product-detail-title-color: #333333;
            --product-detail-category-color: #666666;
            --product-detail-price-color: #007bff;
            --product-detail-description-text-color: #444444;
            --product-detail-add-to-cart-bg-color: #007bff;
            --product-detail-add-to-cart-text-color: #ffffff;
            --product-detail-add-to-cart-hover-bg-color: #0056b3;
            --product-detail-quantity-btn-bg-color: #eeeeee;
            --product-detail-delivery-info-bg-color: #f8f9fa;
            --product-detail-recommended-title-color: #343a40;
            --product-detail-recommended-view-all-color: #007bff;

            /* Checkout Page Colors */
            --checkout-bg-color: #f8f9fa;
            --checkout-container-bg-color: #ffffff;
            --checkout-border-color: #e0e0e0;
            --checkout-title-color: #333333;
            --checkout-link-color: #555555;
            --checkout-link-hover-color: #000000;
            --checkout-summary-bg-color: #fdfdfd;
            --checkout-subtitle-color: #333333;
            --checkout-text-color: #333333;
            --checkout-price-color: #000000;
            --checkout-accent-color: #333333;
            --checkout-total-color: #000000;
            --checkout-label-color: #555555;
            --checkout-input-border-color: #cccccc;
            --checkout-input-bg-color: #ffffff;
            --checkout-input-text-color: #333333;
            --checkout-submit-btn-bg-color: #2c3e50;
            --checkout-submit-btn-text-color: #ffffff;
            --checkout-submit-btn-hover-bg-color: #34495e;

            /* Order Success Page Colors */
            --order-success-bg-color: #f8f9fa;
            --order-success-container-bg-color: #ffffff;
            --order-success-icon-color: #2ecc71;
            --order-success-title-color: #333333;
            --order-success-subtitle-color: #555555;
            --order-success-link-color: #3498db;
            --order-success-border-color: #e0e0e0;
            --order-success-summary-title-color: #333333;
            --order-success-text-color: #333333;
            --order-success-back-btn-bg-color: #3498db;
            --order-success-back-btn-text-color: #ffffff;
            --order-success-back-btn-hover-bg-color: #2980b9;
        }

        body {
            background-color: var(--primary-color);
            color: var(--text-color);
        }

        a {
            color: var(--link-color);
        }

        a:hover {
            color: var(--link-hover-color);
        }

        h1, h2, h3, h4, h5, h6 {
            color: var(--secondary-color);
        }

        .btn-primary, .add-to-cart-btn, .view-all-btn, .logout-btn, .apply-filters-btn, .clear-filters-btn, .search-box button, .quantity-controls button, .add-to-cart-detail-btn, .catalog-add-to-cart-btn {
            background-color: var(--secondary-color);
            color: var(--button-text-color);
        }

        .btn-primary:hover, .add-to-cart-btn:hover, .view-all-btn:hover, .logout-btn:hover, .apply-filters-btn:hover, .clear-filters-btn:hover, .search-box button:hover, .quantity-controls button:hover, .add-to-cart-detail-btn:hover, .catalog-add-to-cart-btn:hover {
            background-color: var(--button-hover-color);
        }

        .header {
            background-color: var(--header-bg-color);
        }

        .footer {
            background-color: var(--footer-bg-color);
        }

        .hero-section {
            background-image: var(--main-image);
        }
        
        .hero-section .shop-name, .hero-section .social-links a, .hero-section .address {
            color: var(--hero-text-color);
        }

        .ad-section {
            background-image: var(--ad-image);
        }
        
        .ad-section h2 {
            color: var(--ad-title-color);
        }

        .ad-section p {
            color: var(--ad-text-color);
        }

        .product-card, .catalog-product-card {
            background-color: var(--card-bg-color);
            border: 1px solid var(--card-border-color);
        }

        .product-card h3, .catalog-product-title {
            color: var(--card-text-color);
        }
        
        .product-card .product-price, .catalog-product-price {
            color: var(--card-price-color);
        }

        .sidebar-filters {
            background-color: var(--sidebar-bg-color);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .sidebar-filters h3, .sidebar-filters h4 {
            color: var(--sidebar-title-color);
            border-bottom-color: var(--sidebar-border-color);
        }

        .sidebar-filters, .filter-group label, .range-inputs span, .price-range-display, .sort-controls label {
            color: var(--sidebar-text-color);
        }

        .search-box, .range-inputs input[type="number"], .sort-controls select, .checkbox-list input[type="checkbox"] {
            border-color: var(--sidebar-border-color);
        }

        .auth-container {
            background-color: var(--card-bg-color);
        }

        .auth-container .form-description {
            color: var(--card-text-color);
        }

        .form-group label {
            color: var(--sidebar-title-color);
        }

        .form-group input {
            border-color: var(--sidebar-border-color);
            background-color: var(--primary-color);
            color: var(--text-color);
        }

        .error-messages, .error-message {
            background-color: #ffcdd2;
            color: #c62828;
            border: 1px solid #ef9a9a;
        }

        .profile-container, .profile-sidebar, .profile-content, .order-item {
            background-color: var(--card-bg-color);
            color: var(--text-color);
        }

        .profile-sidebar, .profile-nav-link, .info-group, .order-item ul, .order-item .order-total {
            border-color: var(--sidebar-border-color);
        }

        .profile-avatar i, .profile-nav-link.active, .order-item h3 {
            color: var(--secondary-color);
        }

        .profile-nav-link:hover {
            background-color: var(--primary-color);
        }

        /* About Page Styles */
        .page-header-section {
            background-color: var(--about-header-bg-color);
        }

        .page-title {
            color: var(--about-title-color);
        }

        .back-to-shop-btn {
            color: var(--about-header-text-color);
            border-color: var(--about-header-text-color);
        }

        .back-to-shop-btn:hover {
            background-color: var(--about-accent-color);
            color: var(--button-text-color);
        }

        .about-content h2.about-title::after {
            background-color: var(--about-accent-color);
        }

        .about-content p {
            color: var(--about-text-color);
        }

        .values-mission-section {
            background-color: var(--primary-color);
        }

        .value-item {
            background: var(--about-card-bg-color);
        }

        .value-item i {
            color: var(--about-accent-color);
        }

        .team-member {
            background: var(--about-team-member-bg-color);
        }

        .member-social a {
            color: var(--text-color);
        }

        .member-social a:hover {
            color: var(--about-accent-color);
        }

        .contact-cta-section {
            background-color: var(--about-cta-bg-color);
            color: var(--about-cta-text-color);
        }
        
        .contact-cta-section .section-title, .contact-cta-section p {
            color: var(--about-cta-text-color);
        }

        .contact-btn {
            background-color: var(--about-contact-btn-bg-color);
            color: var(--about-contact-btn-text-color);
        }

        .contact-btn:hover {
            background-color: var(--about-contact-btn-hover-bg-color);
        }