/* Fichier : css/variables.css */
:root {
    /* =========================================
       1. COULEURS (Dark Mode Brutalism)
       ========================================= */
    --bg-main: #08080A;      /* Noir abyssal légèrement bleuté */
    --bg-card: #141417;      /* Gris très profond pour les éléments en relief */
    
    --text-main: #FFFFFF;    /* Blanc pur */
    --text-secondary: #A0A0AA; /* Gris métallique pour adoucir */
    
    /* L'encre électrique (Néons) */
    --neon-magenta: #FF0055;
    --neon-cyan: #00E5FF;
    --data-green: #00FF41;   /* Pour les validations/CRM */
    
    /* Gradient réutilisable */
    --ink-gradient: linear-gradient(135deg, var(--neon-magenta) 0%, var(--neon-cyan) 100%);

    /* =========================================
       2. TYPOGRAPHIES
       ========================================= */
    --font-heading: 'Syne', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-tech: 'Fira Code', monospace;

    /* =========================================
       3. ESPACEMENTS & BORDURES (Brutalism)
       ========================================= */
    --border-thin: 1px solid rgba(255, 255, 255, 0.1);
    --border-neon: 1px solid var(--neon-cyan);
    --radius-brutal: 0px;    /* Pas de bords ronds pour le côté brut */
    
    /* Tailles fluides (clamp) pour le responsive */
    --space-sm: clamp(0.5rem, 1vw, 1rem);
    --space-md: clamp(1rem, 2vw, 2rem);
    --space-lg: clamp(2rem, 5vw, 4rem);
    --space-xl: clamp(4rem, 10vw, 8rem);
}