/* ===========================================
   LexTasks - Premium Legal Design System
   Professional Task Management for Law Firms
   =========================================== */

:root {
    /* ===== LIGHT MODE - Prestigious Law Firm ===== */
    
    /* Backgrounds - Warm Elegant Neutrals */
    --צבע-רקע-ראשי: #fafaf9;
    --צבע-רקע-משני: #f5f5f4;
    --צבע-רקע-שלישי: #e7e5e4;
    --צבע-רקע-כרטיס: #ffffff;
    --צבע-רקע-עמודה: #fafaf9;
    --צבע-גבול: #d6d3d1;
    --צבע-גבול-בהיר: #e7e5e4;
    
    /* Sidebar - Rich Charcoal */
    --צבע-רקע-סרגל: #1c1917;
    --צבע-טקסט-סרגל: #fafaf9;
    --צבע-טקסט-סרגל-משני: #a8a29e;
    
    /* Text - Rich & Readable */
    --צבע-טקסט-ראשי: #1c1917;
    --צבע-טקסט-משני: #44403c;
    --צבע-טקסט-שלישי: #78716c;
    
    /* Primary - Deep Navy (Trust & Authority) */
    --צבע-ראשי-כהה: #1e3a5f;
    --צבע-ראשי-בינוני: #1e40af;
    --צבע-ראשי-בהיר: #2563eb;
    --צבע-ראשי-זוהר: #3b82f6;
    --צבע-ראשי-רקע: rgba(30, 64, 175, 0.06);
    
    /* Accent - Classic Legal Gold */
    --צבע-זהב-כהה: #854d0e;
    --צבע-זהב-בינוני: #a16207;
    --צבע-זהב-בהיר: #ca8a04;
    --צבע-זהב-זוהר: #eab308;
    
    /* Legacy Aliases */
    --צבע-ברונזה-כהה: var(--צבע-ראשי-כהה);
    --צבע-ברונזה-בינוני: var(--צבע-ראשי-בינוני);
    --צבע-ברונזה-בהיר: var(--צבע-ראשי-בהיר);
    --צבע-ברונזה-זוהר: var(--צבע-ראשי-זוהר);
    
    /* Priority - Refined & Clear */
    --צבע-עדיפות-גבוהה: #b91c1c;
    --צבע-עדיפות-גבוהה-רקע: #fef2f2;
    --צבע-עדיפות-בינונית: #b45309;
    --צבע-עדיפות-בינונית-רקע: #fffbeb;
    --צבע-עדיפות-נמוכה: #047857;
    --צבע-עדיפות-נמוכה-רקע: #ecfdf5;
    
    /* Status Colors */
    --צבע-הצלחה: #047857;
    --צבע-הצלחה-רקע: #ecfdf5;
    --צבע-אזהרה: #b45309;
    --צבע-אזהרה-רקע: #fffbeb;
    --צבע-שגיאה: #b91c1c;
    --צבע-שגיאה-רקע: #fef2f2;
    --צבע-מידע: #1d4ed8;
    --צבע-מידע-רקע: #eff6ff;
    
    /* Shadows - Refined & Subtle */
    --צל-קטן: 0 1px 2px rgba(28, 25, 23, 0.03), 0 1px 3px rgba(28, 25, 23, 0.05);
    --צל-בינוני: 0 4px 6px -1px rgba(28, 25, 23, 0.05), 0 2px 4px -2px rgba(28, 25, 23, 0.03);
    --צל-גדול: 0 10px 15px -3px rgba(28, 25, 23, 0.06), 0 4px 6px -4px rgba(28, 25, 23, 0.03);
    --צל-עמודה: 0 1px 3px rgba(28, 25, 23, 0.04);
    --צל-כרטיס: 0 1px 2px rgba(28, 25, 23, 0.04);
    --צל-כרטיס-hover: 0 8px 25px -5px rgba(28, 25, 23, 0.08), 0 4px 6px -4px rgba(28, 25, 23, 0.03);
    --צל-מודאל: 0 25px 50px -12px rgba(28, 25, 23, 0.15);
    
    /* Dimensions */
    --רוחב-סרגל-צד: 272px;
    --רוחב-עמודה: 320px;
    --רוחב-עמודה-מינימום: 280px;
    --גובה-כותרת: 60px;
    --ריפוד-בסיסי: 16px;
    --ריפוד-קטן: 8px;
    --ריפוד-גדול: 24px;
    
    /* Border Radius */
    --רדיוס-קטן: 6px;
    --רדיוס-בינוני: 8px;
    --רדיוס-גדול: 12px;
    --רדיוס-כרטיס: 8px;
    
    /* Transitions */
    --מעבר-מהיר: 150ms ease;
    --מעבר-רגיל: 200ms ease;
    --מעבר-איטי: 300ms ease;
    
    /* Typography */
    --פונט-ראשי: 'Heebo', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --פונט-כותרות: 'Heebo', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    
    /* Font Sizes */
    --גודל-פונט-קטן: 0.75rem;
    --גודל-פונט-רגיל: 0.8125rem;
    --גודל-פונט-בינוני: 0.875rem;
    --גודל-פונט-גדול: 0.9375rem;
    --גודל-פונט-כותרת: 1rem;
    --גודל-פונט-כותרת-גדולה: 1.125rem;
    
    /* Font Weights */
    --משקל-רגיל: 400;
    --משקל-בינוני: 500;
    --משקל-כבד: 600;
    --משקל-כבד-מאוד: 700;
}

/* ===== DARK MODE - Executive Night ===== */
[data-theme="dark"] {
    /* Backgrounds - Deep Warm Charcoal */
    --צבע-רקע-ראשי: #171412;
    --צבע-רקע-משני: #1c1917;
    --צבע-רקע-שלישי: #292524;
    --צבע-רקע-כרטיס: #1c1917;
    --צבע-רקע-עמודה: #171412;
    --צבע-גבול: #44403c;
    --צבע-גבול-בהיר: #292524;
    
    /* Sidebar - Pure Black */
    --צבע-רקע-סרגל: #0c0a09;
    --צבע-טקסט-סרגל: #fafaf9;
    --צבע-טקסט-סרגל-משני: #a8a29e;
    
    /* Text */
    --צבע-טקסט-ראשי: #fafaf9;
    --צבע-טקסט-משני: #d6d3d1;
    --צבע-טקסט-שלישי: #a8a29e;
    
    /* Primary - Brighter Blue */
    --צבע-ראשי-כהה: #3b82f6;
    --צבע-ראשי-בינוני: #60a5fa;
    --צבע-ראשי-בהיר: #93c5fd;
    --צבע-ראשי-זוהר: #bfdbfe;
    --צבע-ראשי-רקע: rgba(59, 130, 246, 0.12);
    
    /* Gold - Warmer */
    --צבע-זהב-כהה: #ca8a04;
    --צבע-זהב-בינוני: #eab308;
    --צבע-זהב-בהיר: #facc15;
    --צבע-זהב-זוהר: #fde047;
    
    /* Priority - Vibrant for Dark */
    --צבע-עדיפות-גבוהה: #f87171;
    --צבע-עדיפות-גבוהה-רקע: rgba(248, 113, 113, 0.12);
    --צבע-עדיפות-בינונית: #fbbf24;
    --צבע-עדיפות-בינונית-רקע: rgba(251, 191, 36, 0.12);
    --צבע-עדיפות-נמוכה: #34d399;
    --צבע-עדיפות-נמוכה-רקע: rgba(52, 211, 153, 0.12);
    
    /* Status */
    --צבע-הצלחה: #34d399;
    --צבע-הצלחה-רקע: rgba(52, 211, 153, 0.12);
    --צבע-אזהרה: #fbbf24;
    --צבע-אזהרה-רקע: rgba(251, 191, 36, 0.12);
    --צבע-שגיאה: #f87171;
    --צבע-שגיאה-רקע: rgba(248, 113, 113, 0.12);
    --צבע-מידע: #60a5fa;
    --צבע-מידע-רקע: rgba(96, 165, 250, 0.12);
    
    /* Shadows */
    --צל-קטן: 0 1px 3px rgba(0, 0, 0, 0.25);
    --צל-בינוני: 0 4px 6px -1px rgba(0, 0, 0, 0.35);
    --צל-גדול: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
    --צל-עמודה: 0 2px 8px rgba(0, 0, 0, 0.2);
    --צל-כרטיס: 0 2px 4px rgba(0, 0, 0, 0.15);
    --צל-כרטיס-hover: 0 12px 28px rgba(0, 0, 0, 0.3);
    --צל-מודאל: 0 25px 50px -12px rgba(0, 0, 0, 0.45);
}