/* ==========================================================================
   DESIGN SYSTEM - VARIABLES GLOBALES
   Fichier : variables.css
   ========================================================================== */

:root {
    /* --- PALETTE DE COULEURS (THEME: CYBER / CONNEXION) --- */
    /* Pour passer au thème "Data Center", changer hue-primary en 25 (Orange) */
    
    --hue-primary: 185;   /* Cyan (#00f3ff) */
    --hue-secondary: 135; /* Vert (#00ff41) */
    --hue-alert: 0;       /* Rouge */

    /* --- GÉNÉRATION AUTOMATIQUE DES COULEURS --- */
    /* Ne pas toucher ci-dessous sauf pour ajuster la saturation/luminosité */
    
    /* Primaire (Marque/Action) */
    --color-primary: hsl(var(--hue-primary), 100%, 50%);
    --color-primary-dim: hsla(var(--hue-primary), 100%, 50%, 0.1);
    --color-primary-glow: hsla(var(--hue-primary), 100%, 50%, 0.6);
    --color-primary-strong-glow: hsla(var(--hue-primary), 100%, 50%, 0.8);

    /* Secondaire (Succès/Scan/Matrix) */
    --color-secondary: hsl(var(--hue-secondary), 100%, 63%);
    --color-secondary-dim: hsla(var(--hue-secondary), 100%, 63%, 0.15);

    /* Alertes */
    --color-alert: hsl(var(--hue-alert), 100%, 60%);

    /* --- BACKGROUNDS & SURFACES --- */
    --color-bg-deep: #000000;                /* Fond de page absolu */
    --color-bg-glass: rgba(2, 4, 10, 0.75);  /* Fond des cartes (Glassmorphism) */
    --color-bg-input: rgba(0, 0, 0, 0.6);    /* Fond des inputs */
    --color-bg-hover: rgba(var(--hue-primary), 100%, 50%, 0.05);

    /* --- TYPOGRAPHIE --- */
    --color-text: #e0e0e0;
    --color-text-muted: #6b7280;
    --color-text-dim: #4b5563;

    /* --- BORDURES & EFFETS --- */
    --color-border: hsla(var(--hue-primary), 100%, 50%, 0.3);
    --color-border-hover: hsla(var(--hue-primary), 100%, 50%, 0.8);
    
    /* Ombres néons */
    --glow-box: 0 0 40px rgba(0, 0, 0, 0.9), inset 0 0 20px var(--color-primary-dim);
    --glow-text: 0 0 5px var(--color-primary-glow);
    --glow-border: 0 0 15px var(--color-primary-dim);

    /* --- CONFIGURATION FONTS --- */
    /* Import géré dans da.css, ici on définit juste les familles */
    --font-display: 'Rajdhani', sans-serif;       /* Titres */
    --font-mono: 'JetBrains Mono', monospace;     /* Corps / Code */

    /* --- GEOMETRIE & UI --- */
    --corner-clip: 20px;     /* Taille de la coupure des coins */
    --transition-fast: 0.2s ease;
    --transition-slow: 0.5s ease;
}