/* ==========================================================================
   CSS VARIABLES & DESIGN SYSTEM TOKENS
   ========================================================================== */
:root {
    --bleu-france: #0055A5;
    --blanc-france: #FFFFFF;
    --rouge-france: #EF4135;
    --gold-accent: #D4AF37;

    --bg-main: #0B1120;
    --bg-sidebar: #0f172a;
    --bg-card: rgba(30, 41, 59, 0.7);
    --bg-glass: rgba(15, 23, 42, 0.6);
    --border-color: rgba(255, 255, 255, 0.1);

    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --shadow-color: rgba(0, 0, 0, 0.3);

    --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;
}

[data-theme="light"] {
    --bg-main: #F8FAFC;
    --bg-sidebar: #FFFFFF;
    --bg-card: rgba(255, 255, 255, 0.85);
    --bg-glass: rgba(241, 245, 249, 0.8);
    --border-color: rgba(0, 0, 0, 0.1);

    --text-main: #0F172A;
    --text-muted: #64748B;
    --shadow-color: rgba(0, 0, 0, 0.08);
}