/**
 * Alaisai Themes - نظام الثيمات المتقدم
 * @version 2.0.0
 */

/* ===== الثيم الداكن (الافتراضي) ===== */
.theme-dark,
[data-theme="dark"] {
    /* الألوان الأساسية */
    --primary: #4cc9f0;
    --primary-dark: #3aa8d0;
    --primary-light: #7fd9f5;
    
    --secondary: #f72585;
    --secondary-dark: #d41e6e;
    --secondary-light: #f966a5;
    
    --success: #4ade80;
    --success-dark: #3bc46a;
    --success-light: #7ce9a3;
    
    --warning: #fbbf24;
    --warning-dark: #f59e0b;
    --warning-light: #fcd34d;
    
    --danger: #ef4444;
    --danger-dark: #dc2626;
    --danger-light: #f87171;
    
    /* خلفيات */
    --bg-primary: #1a1a2e;
    --bg-secondary: #16213e;
    --bg-tertiary: #0f3460;
    --bg-card: rgba(255, 255, 255, 0.05);
    --bg-hover: rgba(255, 255, 255, 0.1);
    --bg-input: #2a2a3a;
    
    /* نصوص */
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.5);
    --text-disabled: rgba(255, 255, 255, 0.3);
    
    /* حدود */
    --border-light: rgba(255, 255, 255, 0.1);
    --border-medium: rgba(255, 255, 255, 0.2);
    --border-heavy: rgba(255, 255, 255, 0.3);
    
    /* ظلال */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.6);
    
    /* تدرجات */
    --gradient-primary: linear-gradient(135deg, #4cc9f0, #3aa8d0);
    --gradient-secondary: linear-gradient(135deg, #f72585, #d41e6e);
    --gradient-success: linear-gradient(135deg, #4ade80, #3bc46a);
    --gradient-warning: linear-gradient(135deg, #fbbf24, #f59e0b);
    --gradient-danger: linear-gradient(135deg, #ef4444, #dc2626);
    
    /* تأثير الزجاج */
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-blur: blur(10px);
}

/* ===== الثيم الفاتح ===== */
.theme-light,
[data-theme="light"] {
    /* الألوان الأساسية */
    --primary: #4cc9f0;
    --primary-dark: #3aa8d0;
    --primary-light: #7fd9f5;
    
    --secondary: #f72585;
    --secondary-dark: #d41e6e;
    --secondary-light: #f966a5;
    
    --success: #4ade80;
    --success-dark: #3bc46a;
    --success-light: #7ce9a3;
    
    --warning: #fbbf24;
    --warning-dark: #f59e0b;
    --warning-light: #fcd34d;
    
    --danger: #ef4444;
    --danger-dark: #dc2626;
    --danger-light: #f87171;
    
    /* خلفيات */
    --bg-primary: #f8f9fa;
    --bg-secondary: #e9ecef;
    --bg-tertiary: #dee2e6;
    --bg-card: #ffffff;
    --bg-hover: #f1f3f5;
    --bg-input: #ffffff;
    
    /* نصوص */
    --text-primary: #212529;
    --text-secondary: #495057;
    --text-muted: #6c757d;
    --text-disabled: #adb5bd;
    
    /* حدود */
    --border-light: #dee2e6;
    --border-medium: #ced4da;
    --border-heavy: #adb5bd;
    
    /* ظلال */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.2);
    
    /* تدرجات */
    --gradient-primary: linear-gradient(135deg, #4cc9f0, #3aa8d0);
    --gradient-secondary: linear-gradient(135deg, #f72585, #d41e6e);
    --gradient-success: linear-gradient(135deg, #4ade80, #3bc46a);
    --gradient-warning: linear-gradient(135deg, #fbbf24, #f59e0b);
    --gradient-danger: linear-gradient(135deg, #ef4444, #dc2626);
    
    /* تأثير الزجاج */
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(255, 255, 255, 0.9);
    --glass-blur: blur(10px);
}

/* ===== الثيم الأزرق ===== */
.theme-blue,
[data-theme="blue"] {
    --primary: #3b82f6;
    --primary-dark: #2563eb;
    --primary-light: #60a5fa;
    
    --secondary: #8b5cf6;
    --secondary-dark: #7c3aed;
    --secondary-light: #a78bfa;
    
    --success: #10b981;
    --success-dark: #059669;
    --success-light: #34d399;
    
    --warning: #f59e0b;
    --warning-dark: #d97706;
    --warning-light: #fbbf24;
    
    --danger: #ef4444;
    --danger-dark: #dc2626;
    --danger-light: #f87171;
    
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --bg-card: rgba(255, 255, 255, 0.05);
    --bg-input: #1e293b;
    
    --text-primary: #ffffff;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    
    --gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);
    --gradient-secondary: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

/* ===== الثيم الأخضر ===== */
.theme-green,
[data-theme="green"] {
    --primary: #10b981;
    --primary-dark: #059669;
    --primary-light: #34d399;
    
    --secondary: #f59e0b;
    --secondary-dark: #d97706;
    --secondary-light: #fbbf24;
    
    --bg-primary: #064e3b;
    --bg-secondary: #065f46;
    --bg-tertiary: #047857;
    
    --gradient-primary: linear-gradient(135deg, #10b981, #059669);
    --gradient-secondary: linear-gradient(135deg, #f59e0b, #d97706);
}

/* ===== الثيم الأرجواني ===== */
.theme-purple,
[data-theme="purple"] {
    --primary: #8b5cf6;
    --primary-dark: #7c3aed;
    --primary-light: #a78bfa;
    
    --secondary: #ec4899;
    --secondary-dark: #db2777;
    --secondary-light: #f472b6;
    
    --bg-primary: #2e1065;
    --bg-secondary: #4c1d95;
    --bg-tertiary: #6d28d9;
    
    --gradient-primary: linear-gradient(135deg, #8b5cf6, #7c3aed);
    --gradient-secondary: linear-gradient(135deg, #ec4899, #db2777);
}

/* ===== تطبيق المتغيرات على العناصر الأساسية ===== */
body {
    background: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}

/* عناصر شائعة */
.card {
    background: var(--bg-card);
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-md);
    border-radius: 12px;
    color: var(--text-primary);
}

.btn-primary {
    background: var(--gradient-primary);
    color: white;
    border: none;
}

.btn-secondary {
    background: var(--gradient-secondary);
    color: white;
    border: none;
}

.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }

.border { border: 1px solid var(--border-light); }
.border-top { border-top: 1px solid var(--border-light); }
.border-bottom { border-bottom: 1px solid var(--border-light); }

/* تأثير الزجاج */
.glass {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
}

/* ===== مبدل الثيم ===== */
.theme-switcher {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.theme-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--border-medium);
    background: var(--bg-card);
    color: var(--text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all 0.3s ease;
}

.theme-btn:hover {
    transform: scale(1.1);
    border-color: var(--primary);
}