/*
 * ============================================================
 *  ECU-REPAR — COULEURS
 *  ► Modifiez ce fichier pour changer les couleurs
 *  ► MODE SOMBRE = défaut (:root) — MODE CLAIR = surcharge
 * ============================================================
 */

/* ════════════════════════════════════════════════════════════
   MODE SOMBRE — DÉFAUT (appliqué à :root ET [data-theme="dark"])
   ════════════════════════════════════════════════════════════ */
:root,
[data-theme="dark"] {

  /* ── Couleur principale — Cyan électrique ── */
  --accent:         #00AACC;   /* hover/actif */
  --accent-lt:      #00D4FF;   /* couleur principale visible */
  --accent-dk:      #007799;
  --glow:           rgba(0, 212, 255, 0.25);
  --glow-sm:        rgba(0, 212, 255, 0.12);

  /* ── Couleur secondaire — Orange ── */
  --orange:         #E05518;
  --orange-lt:      #FF6A2A;
  --orange-dk:      #CC4A10;
  --glow-orange:    rgba(255, 106, 42, 0.20);

  /* ── Fonds ── */
  --bg-0:           #0A0B0D;
  --bg-1:           #111318;
  --bg-2:           #181C24;
  --bg-3:           #1E2330;
  --bg-4:           #242A38;

  /* ── Bordures ── */
  --border-1:       rgba(255, 255, 255, 0.04);
  --border-2:       rgba(255, 255, 255, 0.08);
  --border-3:       rgba(255, 255, 255, 0.14);

  /* ── Textes ── */
  --text-1:         #EFF1F5;
  --text-2:         #8892A4;
  --text-3:         #4A5368;
  --text-inv:       #0A0B0D;

  /* ── Ombres ── */
  --shadow-sm:      0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-md:      0 4px 16px rgba(0, 0, 0, 0.6);
  --shadow-lg:      0 12px 40px rgba(0, 0, 0, 0.7);
}

/* ════════════════════════════════════════════════════════════
   MODE CLAIR — SURCHARGE uniquement si [data-theme="light"]
   ════════════════════════════════════════════════════════════ */
[data-theme="light"] {

  --accent:         #007AA8;
  --accent-lt:      #009FCC;
  --accent-dk:      #005577;
  --glow:           rgba(0, 159, 204, 0.20);
  --glow-sm:        rgba(0, 159, 204, 0.10);

  --orange:         #CC4A10;
  --orange-lt:      #E05518;
  --orange-dk:      #993808;
  --glow-orange:    rgba(204, 74, 16, 0.15);

  --bg-0:           #F2F4F7;
  --bg-1:           #FFFFFF;
  --bg-2:           #E8EDF4;
  --bg-3:           #D8E1ED;
  --bg-4:           #C8D3E2;

  --border-1:       rgba(0, 0, 0, 0.05);
  --border-2:       rgba(0, 0, 0, 0.09);
  --border-3:       rgba(0, 0, 0, 0.16);

  --text-1:         #0D1520;
  --text-2:         #3D4A5C;
  --text-3:         #8A96A8;
  --text-inv:       #FFFFFF;

  --shadow-sm:      0 1px 3px rgba(0, 0, 0, 0.07);
  --shadow-md:      0 4px 16px rgba(0, 0, 0, 0.10);
  --shadow-lg:      0 12px 40px rgba(0, 0, 0, 0.13);
}

/* ── Header toujours visible ── */
header, #header, .ct-header, .site-header, [data-id="header"],
.header-wrapper, .ct-header-wrapper {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/*
 * ════════════════════════════════════════════════════════════
 *  PALETTES ALTERNATIVES (copier-coller dans :root / [data-theme="dark"])
 * ════════════════════════════════════════════════════════════
 *
 * 🟠 Orange :  --accent-lt:#FF6B35; --accent:#E5511A; --glow:rgba(255,107,53,0.25);
 * 🟢 Vert  :  --accent-lt:#00E676; --accent:#00C853; --glow:rgba(0,230,118,0.25);
 * 🔵 Bleu  :  --accent-lt:#448AFF; --accent:#2962FF; --glow:rgba(68,138,255,0.25);
 * 🟣 Violet:  --accent-lt:#CE93D8; --accent:#AB47BC; --glow:rgba(224,64,251,0.25);
 * 🔴 Rouge :  --accent-lt:#FF5252; --accent:#F44336; --glow:rgba(255,82,82,0.25);
 * ════════════════════════════════════════════════════════════
 */