/* ========================================
   نظام الألوان الجديد - ابراج المدينة
   New Color System - Abraj Al Madina
   ======================================== */

:root {
    /* Primary Colors - الألوان الأساسية */
    --primary-color: #940C18;
    --primary-light: #B8424E;
    --primary-dark: #6B0912;
    
    /* Secondary Colors - الألوان الثانوية */
    --secondary-color: #8C8C8C;
    --accent-color: #4A4A4A;
    
    /* Neutral Colors - الألوان المحايدة */
    --light-gray: #F5F5F5;
    --white: #FFFFFF;
    --text-color: #4A4A4A;
    --border-color: #E5E5E5;
    
    /* Gradients - التدرجات */
    --gradient-primary: linear-gradient(135deg, #940C18 0%, #B8424E 100%);
    --gradient-gray: linear-gradient(135deg, #8C8C8C 0%, #F5F5F5 100%);
    
    /* Effects - التأثيرات */
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --box-shadow-hover: 0 8px 15px rgba(148, 12, 24, 0.2);
    --transition: all 0.3s ease;
    
    /* Focus & Active States */
    --focus-shadow: 0 0 0 0.2rem rgba(148, 12, 24, 0.25);
}