/* Theme Settings CSS - رنگ‌های پیش‌فرض */

:root {
    --primary-color: #1D322D;
    --secondary-color: #FFD66B;
    --text-color: #2c3e50;
    --text-secondary-color: #6c757d;
    --background-color: #EEEEEE;
    --background-secondary-color: #f8f9fa;
    --header-background: #ffffff;
    --footer-background: #2c3e50;
    --button-primary-color: #1D322D;
    --button-primary-hover-color: #866b39;
    --link-color: #1D322D;
    --link-hover-color: #866b39;
}

/* استفاده از متغیرهای CSS در المان‌ها */
body {
    color: var(--text-color);
    background-color: var(--background-color) !important;
}

a {
    color: var(--link-color);
    transition: color 0.3s ease;
}

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

.btn-primary,
button[type="submit"].btn-primary,
.add-to-cart-btn,
.product-card-btn {
    background-color: var(--button-primary-color);
    border-color: var(--button-primary-color);
    transition: all 0.3s ease;
}

.btn-primary:hover,
button[type="submit"].btn-primary:hover,
.add-to-cart-btn:hover,
.product-card-btn:hover {
    background-color: var(--button-primary-hover-color);
    border-color: var(--button-primary-hover-color);
    transform: translateY(-2px);
}

/* هدر و فوتر و بخش‌های اصلی پس‌زمینه را از متغیرهای تم می‌گیرند */
.main-header {
    background-color: var(--header-background);
}

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

.products-page-container,
.product-detail-page-container,
.home-page-container,
.about-us-page,
.products-section,
.features-section,
.promotional-boxes-section {
    background-color: var(--background-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--background-secondary-color) !important;
}