/* ألوان الموقع الديناميكية - تم إنشاؤها تلقائياً */
        :root {
            --primary-color: #667eea;
            --secondary-color: #764ba2;
            --text-primary: #333333;
            --text-secondary: #666666;
            --background-primary: #401717;
            --background-secondary: #f8f9fa;
            --success-color: #28a745;
            --warning-color: #ffc107;
            --danger-color: #dc3545;
        }
        
        /* تطبيق الألوان على العناصر */
        body {
            background-color: var(--background-primary);
            color: var(--text-primary);
        }
        
        .btn-primary, .btn-primary:focus {
            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;
        }
        
        .text-primary {
            color: var(--primary-color) !important;
        }
        
        .bg-primary {
            background-color: var(--primary-color) !important;
        }
        
        .border-primary {
            border-color: var(--primary-color) !important;
        }
        
        .alert-success {
            background-color: var(--success-color) !important;
            border-color: var(--success-color) !important;
        }
        
        .alert-warning {
            background-color: var(--warning-color) !important;
            border-color: var(--warning-color) !important;
        }
        
        .alert-danger {
            background-color: var(--danger-color) !important;
            border-color: var(--danger-color) !important;
        }
        
        .card {
            background-color: var(--background-secondary);
        }
        
        .navbar {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
        }
        
        .footer {
            background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%) !important;
        }
        
        a {
            color: var(--primary-color);
        }
        
        a:hover {
            color: var(--secondary-color);
        }
        
        h1, h2, h3, h4, h5, h6 {
            color: var(--text-primary);
        }
        
        .text-muted {
            color: var(--text-secondary) !important;
        }