/* ════════════════════════════════════════════
   THÈME DARK (défaut) — variables de couleur
   Ciblé sur :root ET [data-theme="dark"] → s'applique
   même sans attribut data-theme (fallback).
════════════════════════════════════════════ */
:root,
[data-theme="dark"] {
    --bg:              #07080d;
    --surface:         #0e111b;
    --surface-raised:  #141825;
    --border:          rgba(255, 255, 255, 0.06);
    --border-hover:    rgba(255, 255, 255, 0.12);
    --accent:          #5b73ff;
    --accent-dim:      rgba(91, 115, 255, 0.12);
    --accent-hover:    #7088ff;
    --accent-glow:     rgba(91, 115, 255, 0.35);
    --text:            #dce3f0;
    --text-muted:      #7a84a0;
    --text-subtle:     #3e4560;
    --error:           #f87171;
    --error-dim:       rgba(248, 113, 113, 0.12);
    --success:         #4ade80;
    --success-dim:     rgba(74, 222, 128, 0.12);
    --warning:         #facc15;
    --warning-dim:     rgba(250, 204, 21, 0.12);
    --shadow-card:     0 32px 80px rgba(0, 0, 0, 0.55);
    --shadow-glow:     0 0 32px rgba(91, 115, 255, 0.18);
    /* Zones de saisie des filtres de colonne : fond noir sur thème sombre. */
    --filter-input-bg:     #000;
    --filter-input-text:   #fff;
    --filter-input-border: rgba(255, 255, 255, 0.4);
}