/* CSS Variables pour les couleurs et dimensions */
:root {
    --primary-color: #1e3a8a;
    --primary-color-rgb: 30, 58, 138;
    --secondary-color: #3b82f6;
    --secondary-color-rgb: 59, 130, 246;
    --accent-color: #f59e0b;
    --accent-color-rgb: 245, 158, 11;
    --light-blue: #60a5fa;
    --text-color: #1f2937;
    --bg-color: #f8fafc;
    --white: #ffffff;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-600: #4b5563;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    
    /* Espacement */
    --container-max-width: 1200px;
    --section-padding: 5rem;
    --section-padding-mobile: 3rem;
    
    /* Bordures */
    --border-radius: 15px;
    --border-radius-small: 8px;
    --border-radius-button: 50px;
    
    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-slow: 0.6s ease;
}

/* Support RTL pour l'arabe */
[dir="rtl"] {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .nav-links {
    flex-direction: row-reverse;
}

/* Amélioration du support RTL pour tous les éléments */
[dir="rtl"] * {
    direction: rtl;
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
}

[dir="rtl"] .btn {
    direction: rtl;
}