/* ==========================================================================
   AV-Connexion — Theme
   --------------------------------------------------------------------------
   Logique de bascule light/dark. Les tokens sont définis dans tokens.css.
   - data-theme="light" → mode clair (défaut)
   - data-theme="dark"  → mode sombre
   - Pas d'attribut     → suit la préférence OS
   ========================================================================== */

/* Quand aucun data-theme n'est défini, suivre la préférence OS */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --av-bg:            #0F111A;
    --av-bg-dim:        #14182A;
    --av-bg-soft:       #1A1D2D;
    --av-bg-strong:     #232638;
    --av-border:        #2A2E45;
    --av-border-strong: #3A3F5C;
    --av-text:          #F9FAFB;
    --av-text-muted:    #9CA3AF;
    --av-text-faint:    #6B7280;
    --av-brand:         #4D66E8;
    --av-brand-hover:   #6B82F2;
    --av-brand-soft:    #1A1F4D;
    --av-badge-error-bg:    rgba(239,68,68,.15);  --av-badge-error-fg:    #FCA5A5;
    --av-badge-warning-bg:  rgba(245,158,11,.15); --av-badge-warning-fg:  #FCD34D;
    --av-badge-info-bg:     rgba(59,130,246,.15); --av-badge-info-fg:     #93C5FD;
    --av-badge-success-bg:  rgba(16,185,129,.15); --av-badge-success-fg:  #6EE7B7;
    --av-shadow-sm:    0 1px 2px rgba(0,0,0,.4);
    --av-shadow-md:    0 4px 12px rgba(0,0,0,.5);
    --av-shadow-lg:    0 12px 32px rgba(0,0,0,.6);
    --av-shadow-focus: 0 0 0 3px rgba(77,102,232,.25);
  }
}

[data-theme="light"] { color-scheme: light; }
[data-theme="dark"]  { color-scheme: dark; }