/* ============================================================
   PRÉPARATEUR.E46 — PALETTE « LE JOUR QUI TOMBE SUR L'ATELIER »
   ============================================================

   Le principe est le même que celui du fil de Gravano — une seule famille qui
   progresse au scroll — mais la progression raconte autre chose ici : on part
   de la TÔLE SOUS LA LUMIÈRE (l'extérieur, le regard de la voiture, le grand
   jour) et on descend jusqu'au NOIR DE L'HABITACLE (l'ambiance, les LED, la
   route de nuit). C'est le trajet d'une séance de préparation.

   ⚠️ E46 N'HÉRITE PAS DES SIGNATURES VISUELLES DE GRAVANO. Ni le châssis alu
   rivetée, ni le panier qui rougit, ni le médaillon doré : ce sont les
   marqueurs d'une autre maison, et les transposer ici brouillerait les deux.
   On hérite de la MÉCANIQUE (fil, panier, fiche produit), pas de l'identité.
   L'identité d'ici, c'est l'or sur le noir — celle que Florient avait déjà.

   Les trois valeurs d'or reprennent EXACTEMENT celles de ses anciens snippets
   (--gold / --gold-light / --gold-dark) : la boutique en avait déjà la bonne
   teinte, il n'y avait aucune raison de la réinventer.
   ============================================================ */

:root{
  /* ── La descente : de la tôle éclairée au noir de l'habitacle ── */
  --pe-tole:        #DCDFE3;  /* tôle sous la lumière — le haut du fil */
  --pe-alu:         #B4B9C0;  /* aluminium brossé */
  --pe-graphite:    #6D747C;  /* la transition, le jour baisse */
  --pe-fonte:       #33383D;  /* fonte, le gris qui pèse */
  --pe-anthracite:  #1D2023;  /* la nuit commence */
  --pe-carbone:     #121417;  /* carbone */
  --pe-noir:        #0A0A0B;  /* l'habitacle de nuit — le bas du fil */

  /* ── L'or : le fil conducteur, du premier au dernier écran ── */
  --pe-or:          #C9940E;  /* l'or de la maison */
  --pe-or-clair:    #D4A017;  /* or éclairci — texte doré sur fond sombre */
  --pe-or-sombre:   #8B6508;  /* or profond — tranches, ombres de relief */
  --pe-or-voile:    rgba(201,148,14,.14);  /* halos, survols, liserés discrets */

  /* ── Textes ── */
  --pe-blanc:       #F3F3F3;  /* texte sur fond sombre */
  --pe-blanc-doux:  rgba(243,243,243,.72); /* texte secondaire sur fond sombre */
  --pe-encre:       #14161A;  /* texte sur fond clair */
  --pe-encre-doux:  rgba(20,22,26,.66);

  /* ── Sémantique : ces couleurs DISENT quelque chose, elles ne décorent pas ──
     Le vert reprend le « vert confiance » de son bloc de réassurance. */
  --pe-confiance:   #2ECC71;  /* en stock, compatible, paiement sécurisé */
  --pe-alerte:      #E2A03F;  /* attention : vérifier la phase / la carrosserie */
  --pe-refus:       #E2433F;  /* incompatible avec la voiture déclarée */

  /* ── DRIFT — hors gradient tôle→noir, volontairement (Florient, 01/08) ──
     Le reste du fil raconte l'atelier posé ; Drift raconte la gomme qui
     chauffe. Teinte distincte de --pe-refus (qui reste réservé à "incompatible")
     : un rouge-braise plus chaud, plus orangé, jamais confondu avec un signal
     d'erreur. */
  --pe-braise:      #2A0E08;  /* fond de la zone Drift — carbone chauffé à blanc-rouge */
  --pe-feu:         #E8420C;  /* l'accent Drift — brake glow / pneu qui crame */
  --pe-feu-clair:   #FF7A3D;  /* feu éclairci — texte/liseré sur fond sombre */
  --pe-feu-sombre:  #8F2607;  /* feu profond — tranches, ombres de relief */
  --pe-feu-voile:   rgba(232,66,12,.16);  /* halos, survols, liserés discrets */

  /* ── L'accent LED, réservé à la zone AMBIANCE ──
     Les kits RGB sont le seul endroit du site où la couleur pure a sa place :
     c'est le produit lui-même qui l'apporte. Partout ailleurs, or et métal. */
  --pe-led: linear-gradient(96deg,#E2433F 0%,#D4A017 22%,#2ECC71 46%,
                                  #2E9BCC 70%,#8B5CD6 100%);

  /* ── Alias Blocksy : le thème parent lit ces variables ── */
  --theme-palette-color-1: var(--pe-or);          /* accent principal */
  --theme-palette-color-2: var(--pe-or-clair);    /* accent secondaire */
  --theme-palette-color-3: var(--pe-blanc);       /* texte courant */
  --theme-palette-color-4: var(--pe-carbone);     /* fond de page */
  --theme-palette-color-5: var(--pe-anthracite);  /* fond de carte */
  --theme-palette-color-6: var(--pe-noir);        /* fond profond */
  --theme-text-color:       var(--pe-blanc);
  --theme-link-initial-color: var(--pe-or-clair);
  --theme-link-hover-color:   var(--pe-blanc);
}

/* ── Anti-mode-sombre ────────────────────────────────────────────────────────
   Chrome mobile inverse de lui-même les couleurs sur certains sites et fabrique
   des aplats immondes. Le site est DÉJÀ sombre par choix : on lui interdit d'y
   toucher. (Parade éprouvée sur Gravano, en sens inverse — là-bas c'était pour
   empêcher l'assombrissement d'un site clair ; ici pour empêcher
   l'éclaircissement d'un site sombre. Même verrou.) */
:root{ color-scheme: only dark; }

/* ── LE GRAND DÉGRADÉ DU FIL ─────────────────────────────────────────────────
   Posé sur .pe-fil. Chaque zone du fil tombe sur son propre palier, de sorte
   que le fond change AVEC le sujet et non au hasard du scroll :
     LE REGARD (extérieur, jour) → tôle et aluminium
     L'HABITACLE (on entre)      → graphite et fonte
     L'AMBIANCE (la nuit, LED)   → anthracite
     L'ÉQUIPEMENT (technique)    → carbone
     EN ROUTE (phares, la nuit)  → noir */
.pe-fil{
  background:linear-gradient(180deg,
    var(--pe-tole)       0%,
    var(--pe-tole)      10%,
    var(--pe-alu)       20%,
    var(--pe-graphite)  32%,
    var(--pe-fonte)     46%,
    var(--pe-anthracite)62%,
    var(--pe-carbone)   80%,
    var(--pe-noir)     100%);
}

/* Le fil traverse des zones claires ET sombres : le texte doit basculer avec
   le fond, sinon on obtient du gris sur gris au milieu. Chaque section du fil
   déclare son régime, et tout ce qu'elle contient s'y conforme. */
.pe-zone--clair{ --pe-txt:var(--pe-encre); --pe-txt-doux:var(--pe-encre-doux); }
.pe-zone--sombre{ --pe-txt:var(--pe-blanc); --pe-txt-doux:var(--pe-blanc-doux); }
.pe-zone{ color:var(--pe-txt); }
.pe-zone p{ color:var(--pe-txt-doux); }