/* ──────────────────────────────────────────────────────────────────────────
   THÈMES CLIENT — surcharges [data-theme] PARTAGÉES (familles « Classique »).
   Le thème par défaut « sombre » = le :root de chaque page ; ce fichier ajoute
   UNIQUEMENT les surcharges clair / indigo / ardoise pour les pages dont le
   <head> définit un :root mais PAS de blocs [data-theme] (sinon leurs variables
   ne basculent jamais → page figée en sombre).
   À charger EN DERNIER dans le <head> (après le <style> inline) pour gagner en
   ordre de cascade (même spécificité que :root). Source unique : éditer ICI.
─────────────────────────────────────────────────────────────────────────── */

[data-theme="light"] {
    --tail-primary: 79 70 229;     /* #4f46e5 */
    --tail-secondary: 14 165 233;  /* #0ea5e9 */
    --tail-success: 16 185 129;
    --tail-warning: 245 158 11;
    --tail-danger: 239 68 68;
    --tail-info: 59 130 246;
    --tail-dark: 245 247 250;      /* #f5f7fa */

    --primary: rgb(var(--tail-primary));
    --secondary: rgb(var(--tail-secondary));
    --success: rgb(var(--tail-success));
    --warning: rgb(var(--tail-warning));
    --danger: rgb(var(--tail-danger));
    --info: rgb(var(--tail-info));
    --dark: rgb(var(--tail-dark));

    --sidebar: #ffffff;
    --card-bg: rgba(255, 255, 255, 0.95);
    --header-bg: linear-gradient(135deg, var(--card-bg) 0%, var(--dark) 100%);
    --icon-bg: #2c3e50;
    --timeline-item-bg: rgb(249, 248, 248);
    --select2-selected-item-bg: rgba(255, 255, 255, 0.95);
    --select2-selected-item-bg-light: rgba(255, 255, 255, 0.53);
    --select2-group-bg: rgba(237, 233, 233, 0.87);
    --select2-bg: rgba(255, 255, 255, 0.95);
    --stat-card-value-bg: linear-gradient(90deg,#aaa6a6,#8b9390);
    --variable-item-bg: #f8f9fa;
    --modal-title-color: #a725bd;
    --toolbar-bg: rgba(255, 255, 255, 0.95);
    --chart-bg: rgba(244, 240, 240, 0.95);
    --module-card-bg: rgba(255, 255, 255, 0.95);
    --text-primary: #2c3e50;
    --text-muted: #7f8c8d;
    --border: rgba(0, 0, 0, 0.1);
    --hover-bg: rgba(0, 0, 0, 0.06);
}

[data-theme="indigo"] {
    --tail-primary: 99 102 241;    /* #6366f1 */
    --tail-secondary: 139 92 246;  /* #8b5cf6 */
    --tail-success: 16 185 129;
    --tail-warning: 245 158 11;
    --tail-danger: 239 68 68;
    --tail-info: 59 130 246;
    --tail-dark: 15 23 42;         /* #0f172a */

    --primary: rgb(var(--tail-primary));
    --secondary: rgb(var(--tail-secondary));
    --success: rgb(var(--tail-success));
    --warning: rgb(var(--tail-warning));
    --danger: rgb(var(--tail-danger));
    --info: rgb(var(--tail-info));
    --dark: rgb(var(--tail-dark));

    --card-bg: rgba(30, 41, 59, 0.85);
    --border: rgba(99, 102, 241, 0.25);
    --text-primary: #f8fafc;
    --text-muted: #94a3b8;
    --hover-bg: rgba(99, 102, 241, 0.1);
    --header-bg: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    --select2-bg: rgba(30, 41, 59, 0.95);
    --select2-selected-item-bg: rgba(30, 41, 59, 1);
    --module-card-bg: rgba(30, 41, 59, 0.8);
}

[data-theme="ardoise"] {
    --tail-primary: 56 189 248;    /* #38bdf8 */
    --tail-secondary: 148 163 184; /* #94a3b8 */
    --tail-success: 52 211 153;
    --tail-warning: 251 191 36;
    --tail-danger: 248 113 113;
    --tail-info: 14 165 233;
    --tail-dark: 30 41 59;         /* #1e293b */

    --primary: rgb(var(--tail-primary));
    --secondary: rgb(var(--tail-secondary));
    --success: rgb(var(--tail-success));
    --warning: rgb(var(--tail-warning));
    --danger: rgb(var(--tail-danger));
    --info: rgb(var(--tail-info));
    --dark: rgb(var(--tail-dark));

    --card-bg: rgba(51, 65, 85, 0.85);
    --border: rgba(148, 163, 184, 0.2);
    --text-primary: #f1f5f9;
    --text-muted: #cbd5e1;
    --hover-bg: rgba(56, 189, 248, 0.1);
    --header-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    --select2-bg: rgba(51, 65, 85, 0.95);
    --select2-selected-item-bg: rgba(51, 65, 85, 1);
    --module-card-bg: rgba(51, 65, 85, 0.8);
}
