/* --- CHARTE GRAPHIQUE SELIM AKLIL --- */
        :root {
            --color-brand-orange: #FA8334;
            --color-brand-yellow: #F4B648;
            --color-brand-blue: #02008D;
            --color-brand-green-dark: #8CD7AC;
            --color-teal-link: #02008D;
            --color-gray-50: #f9fafb;
            --color-gray-100: #f3f4f6;
            --color-gray-200: #e5e7eb;
            --color-gray-300: #d1d5db;
            --color-gray-400: #9ca3af;
            --color-gray-600: #374151;
            --color-gray-700: #1f2937;
            --color-gray-800: #111827;
            --color-gray-900: #030712;
            --font-inter: 'Inter', sans-serif;
        }
        body { font-family: 'Inter', sans-serif; }
        .vision-box { background-color: #f0f9ff; border-left: 4px solid #0ea5e9; }
        .example-box { background-color: #f8fafc; border: 1px solid #e2e8f0; color: #475569; font-size: 0.9rem; font-style: italic; }
        .kpi-badge { background-color: #e0e7ff; color: #3730a3; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
        .critical-badge { background-color: #fee2e2; color: #991b1b; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
        
        /* Smooth scrolling */
        html { scroll-behavior: smooth; }
        
        /* Custom Scrollbar for sidebar */
        .sidebar-scroll::-webkit-scrollbar { width: 6px; }
        .sidebar-scroll::-webkit-scrollbar-track { background: #1e293b; }
        .sidebar-scroll::-webkit-scrollbar-thumb { background: #475569; border-radius: 3px; }