/* ============================================
   CSS VARIABLES
   ============================================ */

:root {
    /* ألوان مطابقة للشعار */
    --primary-gold: #C9A86A;
    --secondary-gold: #D4AF77;
    --dark-navy: #0A1F3D;
    --medium-navy: #152E4D;
    --light-gold: #E8D5B5;
    --accent-gold: #B89652;
    
    /* Gradients */
    --gradient-gold: linear-gradient(135deg, #C9A86A 0%, #B89652 50%, #A67C3A 100%);
    --gradient-navy: linear-gradient(135deg, #0A1F3D 0%, #152E4D 50%, #1E3A5F 100%);
    --gradient-overlay: linear-gradient(135deg, rgba(10, 31, 61, 0.95) 0%, rgba(21, 46, 77, 0.9) 100%);
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(10, 31, 61, 0.08);
    --shadow-md: 0 4px 16px rgba(10, 31, 61, 0.12);
    --shadow-lg: 0 8px 32px rgba(10, 31, 61, 0.16);
    --shadow-gold: 0 8px 24px rgba(201, 168, 106, 0.3);
    
    /* Typography */
    --font-primary: 'Cairo', sans-serif;
    
    /* Spacing */
    --section-padding: 100px;
    
    /* Transitions */
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.3s ease;
}