:root {
        --primary-color: #2d5016;
        --secondary-color: #4a7c2a;
        --accent-color: #6ba644;
        --success-color: #22c55e;
        --danger-color: #ef4444;
        --warning-color: #f59e0b;
        --info-color: #3b82f6;
        --background-color: #ffffff;
        --background-dark-color: #0d1b0a;
        --text-color: #1a1a1a;
        --text-light-color: #64748b;
    }
    
    /* تعریف فونت آپلود شده */
    @font-face { font-family: 'Vazirmatn-Medium'; src: url('/static/uploads/fonts/Vazirmatn-Medium.ttf') format('woff2'), url('/static/uploads/fonts/Vazirmatn-Medium.ttf') format('woff'), url('/static/uploads/fonts/Vazirmatn-Medium.ttf') format('truetype'), url('/static/uploads/fonts/Vazirmatn-Medium.ttf') format('opentype'); }
    
    body {
        font-family: 'Vazirmatn-Medium', Vazir, sans-serif;
        color: var(--text-color);
        background-color: var(--background-color);
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Vazirmatn-Medium', Vazir, sans-serif;
        color: var(--text-color);
    }
    
    /* اعمال تم تیره */
    body.dark-theme {
        background-color: var(--background-dark-color) !important;
        color: #64748b !important;
    }
    
    body.dark-theme .navbar-dark {
        background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    }
    
    @media (prefers-color-scheme: dark) {
        body.auto-theme {
            background-color: var(--background-dark-color) !important;
            color: #64748b !important;
        }
        
        body.auto-theme .navbar-dark {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
        }
    }
    
    /* دکمه‌ها */
    .btn-primary {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }
    
    .btn-primary:hover {
        background-color: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
    }
    
    .btn-success {
        background-color: var(--success-color) !important;
        border-color: var(--success-color) !important;
    }
    
    .btn-danger {
        background-color: var(--danger-color) !important;
        border-color: var(--danger-color) !important;
    }
    
    .btn-warning {
        background-color: var(--warning-color) !important;
        border-color: var(--warning-color) !important;
    }
    
    .btn-info {
        background-color: var(--info-color) !important;
        border-color: var(--info-color) !important;
    }
    
    /* لینک‌ها */
    a {
        color: var(--primary-color) !important;
    }
    
    a:hover {
        color: var(--secondary-color) !important;
    }
    
    /* اعمال رنگ‌ها به المان‌های مختلف */
    .navbar-dark {
        background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    }
    
    /* بهبود نمایش لینک‌های فعال در هدر */
    .nav-link-modern.active {
        color: #ffffff !important;
        background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    }
    
    .nav-link-modern.active .nav-icon {
        color: #ffffff !important;
    }
    
    .nav-link-modern.active .nav-text {
        color: #ffffff !important;
    }
    
    .nav-link-modern:hover {
        color: var(--primary-color) !important;
    }
    
    .text-primary {
        color: var(--primary-color) !important;
    }
    
    .bg-primary {
        background-color: var(--primary-color) !important;
    }
    
    .border-primary {
        border-color: var(--primary-color) !important;
    }
    
    .text-secondary {
        color: var(--secondary-color) !important;
    }
    
    .bg-secondary {
        background-color: var(--secondary-color) !important;
    }
    
    .text-success {
        color: var(--success-color) !important;
    }
    
    .bg-success {
        background-color: var(--success-color) !important;
    }
    
    .text-danger {
        color: var(--danger-color) !important;
    }
    
    .bg-danger {
        background-color: var(--danger-color) !important;
    }
    
    .text-warning {
        color: var(--warning-color) !important;
    }
    
    .bg-warning {
        background-color: var(--warning-color) !important;
    }
    
    .text-info {
        color: var(--info-color) !important;
    }
    
    .bg-info {
        background-color: var(--info-color) !important;
    }
    
    /* اعمال رنگ به المان‌های خاص */
    .card {
        background-color: var(--background-color) !important;
        color: var(--text-color) !important;
    }
    
    body.dark-theme .card,
    body.auto-theme .card {
        background-color: var(--background-dark-color) !important;
        color: #64748b !important;
    }
    
    .form-control:focus {
        border-color: var(--primary-color) !important;
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color) 25%, transparent) !important;
    }
    
    /* رنگ‌های آیکون‌های تماس از تم سایت (Primary) */
    .contact-icon-wrapper.address-icon {
        background: linear-gradient(135deg, #2d5016 0%, #264412 100%) !important;
    }
    
    .contact-icon-wrapper.hours-icon {
        background: linear-gradient(135deg, #2d5016 0%, #264412 100%) !important;
    }
    
    .contact-icon-wrapper.phone-icon {
        background: linear-gradient(135deg, #2d5016 0%, #264412 100%) !important;
    }
    
    .contact-icon-wrapper.email-icon {
        background: linear-gradient(135deg, #2d5016 0%, #264412 100%) !important;
    }
    
    /* رنگ‌های صفحه درباره ما از دیتابیس */
    .about-hero {
        background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    }
    
    .about-card .icon-wrapper {
        background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    }
    
    .about-stats {
        background: linear-gradient(135deg, var(--accent-color) 0%, var(--danger-color) 100%) !important;
    }
    
    .faq-question i {
        color: var(--primary-color) !important;
    }