/*
=====================================================
  🎨 ملف الألوان المركزي - مدارس المروج النموذجية الأهلية
  Central Colors File - Al-Moroj Model Schools
  التصميم الكلاسيكي البنكي
=====================================================
*/

:root {
    /* ═══ الألوان الأساسية ═══ */
    --accent: #BFA32A;
    --accent-hover: #A6891F;
    --accent-light: #CEBB54;
    --accent-dark: #8C7318;
    --accent-rgb: 191, 163, 42;
    
    /* الألوان الغامقة */
    --primary-dark: #1A2F23;
    --primary-black: #0E1F16;
    --secondary: #1A2F23;
    --secondary-light: #2B7A4B;
    
    /* ═══ بدون تدرجات - ألوان صلبة ═══ */
    --gradient-dark: #1A2F23;
    --gradient-dark-simple: #1A2F23;
    --gradient-sidebar: #1A2F23;
    --gradient-accent: #BFA32A;
    --gradient-accent-reverse: #A6891F;
    --gradient-card: #ffffff;
    
    /* ═══ النصوص ═══ */
    --text-white: #ffffff;
    --text-light: #F5F2EB;
    --text-dark: #1A2F23;
    --text-muted: #7A7568;
    --text-gray: #9E9889;
    
    /* ═══ الخلفيات ═══ */
    --bg-white: #ffffff;
    --bg-light: #F5F2EB;
    --bg-cream: #FAFAF7;
    --bg-gray: #E8E4DB;
    --bg-dark: #1A2F23;
    --bg-darker: #0E1F16;
    
    /* ═══ الهيدر ═══ */
    --header-bg: #ffffff;
    --header-text: #1A2F23;
    --header-link: #1A2F23;
    --header-link-hover: #BFA32A;
    --header-shadow: 0 1px 3px rgba(0,0,0,0.06);
    
    /* ═══ Top Bar ═══ */
    --topbar-bg: #1A2F23;
    --topbar-text: rgba(255,255,255,0.75);
    --topbar-accent: #BFA32A;
    
    /* ═══ السايدبار ═══ */
    --sidebar-bg: #F5F2EB;
    --sidebar-text: #2A2A26;
    --sidebar-hover: #EDE9E0;
    --sidebar-active: #BFA32A;
    --sidebar-border: #D5D0C4;
    
    /* ═══ الحدود ═══ */
    --border-light: #D5D0C4;
    --border-gray: #D5D0C4;
    --border-accent: rgba(191, 163, 42, 0.3);
    --border-accent-light: rgba(191, 163, 42, 0.1);
    
    /* ═══ الظلال - خفيفة جداً ═══ */
    --shadow-soft: 0 1px 3px rgba(0,0,0,0.04);
    --shadow-medium: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-strong: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-accent: 0 2px 8px rgba(191, 163, 42, 0.12);
    --shadow-card: 0 1px 3px rgba(0,0,0,0.04);
    
    /* ═══ الحالات ═══ */
    --success: #2B7A4B;
    --success-hover: #236B3F;
    --danger: #C0392B;
    --danger-hover: #A93226;
    --warning: #BFA32A;
    --info: #35689A;
    
    /* ═══ خاص ═══ */
    --whatsapp: #25D366;
    --star-color: #BFA32A;
}