/* ============================================================
   COMPARATEUR-GAMER — Système d'habillages saisonniers
   Chaque [data-theme] surcharge uniquement les variables thémables.
   ============================================================ */

/* --- DEFAULT (identique à :root, défini ici pour référence) --- */
[data-theme="default"] {
  --orange:             #900000;
  --orange-dark:        #6B0000;
  --orange-light:       #FFF0F0;
  --orange-100:         #FFE0E0;
  --header-bg:          #111827;
  --header-border:      rgba(255,255,255,.08);
  --header-shadow:      0 1px 8px rgba(0,0,0,.35);
  --logo-text-color:    #fff;
  --logo-accent-color:  #c50404;
  --search-btn-bg:      #c50404;
  --nav-text-color:     rgba(255,255,255,.78);
  --nav-hover-bg:       rgba(255,255,255,.1);
  --hero-bg-from:       #0f0f1a;
  --hero-bg-mid:        #1a1a3a;
  --hero-glow:          rgba(144,0,0,.12);
  --body-outer-bg:      #111827;
  --banner-bg:          #0d1117;
  --banner-text:        rgba(255,255,255,.55);
  --banner-border:      rgba(255,255,255,.06);
  --banner-label:       rgba(255,255,255,.85);
}

/* --- BLACK FRIDAY --- */
[data-theme="blackfriday"] {
  --orange:             #c9920c;
  --orange-dark:        #9a6e09;
  --orange-light:       #fffbeb;
  --orange-100:         #fef3c7;
  --header-bg:          #080808;
  --header-border:      rgba(255,215,0,.12);
  --header-shadow:      0 1px 12px rgba(0,0,0,.6);
  --logo-text-color:    #fff;
  --logo-accent-color:  #FFD700;
  --search-btn-bg:      #c9920c;
  --nav-text-color:     rgba(255,255,255,.8);
  --nav-hover-bg:       rgba(255,215,0,.1);
  --hero-bg-from:       #080808;
  --hero-bg-mid:        #1a1200;
  --hero-glow:          rgba(201,146,12,.18);
  --body-outer-bg:      #080808;
  --banner-bg:          #0a0a0a;
  --banner-text:        rgba(255,215,0,.65);
  --banner-border:      rgba(255,215,0,.15);
  --banner-label:       #FFD700;
}

/* --- NOËL --- */
[data-theme="noel"] {
  --orange:             #b91c1c;
  --orange-dark:        #991b1b;
  --orange-light:       #fef2f2;
  --orange-100:         #fee2e2;
  --header-bg:          #14301a;
  --header-border:      rgba(255,255,255,.09);
  --header-shadow:      0 1px 10px rgba(0,0,0,.4);
  --logo-text-color:    #fff;
  --logo-accent-color:  #ef4444;
  --search-btn-bg:      #b91c1c;
  --nav-text-color:     rgba(255,255,255,.8);
  --nav-hover-bg:       rgba(255,255,255,.1);
  --hero-bg-from:       #0a1f0d;
  --hero-bg-mid:        #14301a;
  --hero-glow:          rgba(185,28,28,.15);
  --body-outer-bg:      #0a1f0d;
  --banner-bg:          #0e2712;
  --banner-text:        rgba(255,255,255,.6);
  --banner-border:      rgba(255,255,255,.07);
  --banner-label:       #fbbf24;
}

/* --- ÉTÉ --- */
[data-theme="ete"] {
  --orange:             #0284c7;
  --orange-dark:        #0369a1;
  --orange-light:       #e0f2fe;
  --orange-100:         #bae6fd;
  --header-bg:          #0c4a6e;
  --header-border:      rgba(255,255,255,.1);
  --header-shadow:      0 1px 8px rgba(0,0,0,.3);
  --logo-text-color:    #fff;
  --logo-accent-color:  #38bdf8;
  --search-btn-bg:      #0284c7;
  --nav-text-color:     rgba(255,255,255,.82);
  --nav-hover-bg:       rgba(255,255,255,.12);
  --hero-bg-from:       #0c1a2e;
  --hero-bg-mid:        #0c4a6e;
  --hero-glow:          rgba(2,132,199,.18);
  --body-outer-bg:      #0c1a2e;
  --banner-bg:          #082f49;
  --banner-text:        rgba(255,255,255,.6);
  --banner-border:      rgba(56,189,248,.15);
  --banner-label:       #7dd3fc;
}

/* --- HIVER --- */
[data-theme="hiver"] {
  --orange:             #0ea5e9;
  --orange-dark:        #0284c7;
  --orange-light:       #f0f9ff;
  --orange-100:         #e0f2fe;
  --header-bg:          #0f172a;
  --header-border:      rgba(148,163,184,.12);
  --header-shadow:      0 1px 10px rgba(0,0,0,.4);
  --logo-text-color:    #e2e8f0;
  --logo-accent-color:  #38bdf8;
  --search-btn-bg:      #0ea5e9;
  --nav-text-color:     rgba(226,232,240,.78);
  --nav-hover-bg:       rgba(255,255,255,.08);
  --hero-bg-from:       #0a0f1e;
  --hero-bg-mid:        #0f2040;
  --hero-glow:          rgba(14,165,233,.14);
  --body-outer-bg:      #0a0f1e;
  --banner-bg:          #08101e;
  --banner-text:        rgba(148,163,184,.7);
  --banner-border:      rgba(148,163,184,.1);
  --banner-label:       #94a3b8;
}