/* ==========================================================================
   LA MARQUE DE MARIANE — Art by ZAÏMA, version CLAIRE.

   Relevée le 2026-09-21 dans son dossier BRANDING :
       crème #e8dfd1 · or #d7a430 · noir #090909 · vert forêt #0e543e
       rouge #8b1010 · noir pur #000000

   Le calculateur est monté sur SON ROUGE ET SON NOIR, sur fond BLANC
   (Anna, 2026-09-22 : « trop foncé. Je veux ça en blanc mais on garde les
   couleurs noir et rouge »). Le crème reste, en cartouche et en liserés.

   ⚠️ LA RÈGLE S'INVERSE AVEC LE FOND CLAIR, et c'est une bonne nouvelle :
      sur BLANC, son rouge donne 9,7 pour une norme à 4,5 — il peut donc
      ÉCRIRE (les résultats, les accents) EN PLUS de remplir (le bouton, les
      centres allumés). Sur du sombre il ne le pouvait pas (2,07).
   ⛔ CE QUI RESTE INTERDIT : l'or n'écrit pas sur du blanc (2,2). Il remplit
      seulement (le survol du bouton d'achat, posé sur du rouge). Et le crème
      n'écrit que sur son rouge (7,3), jamais sur du blanc.

   ⛔ Ne jamais écrire une couleur en dur dans une page. Toujours var(--…).
   ========================================================================== */

:root {

  /* ---- 1. SES SIX COULEURS, telles quelles ------------------------------ */
  --creme:        #e8dfd1;
  --or:           #d7a430;
  --noir:         #090909;
  --vert:         #0e543e;
  --rouge:        #bd1111;          /* ⚡ changé par Anna le 13 oct. 2026 (c'était #8b1010,
                                       le rouge relevé dans son dossier BRANDING) */
  --noir-pur:     #000000;

  /* ---- 2. LEUR RÔLE dans le calculateur --------------------------------- */
  --fond:         #ffffff;          /* le fond de la page : blanc            */
  --texte:        var(--noir);      /* ce qui écrit         → 19,6 sur blanc */
  --texte-doux:   #5a5450;          /* légendes, aides      → 7,5 sur blanc  */
  --accent:       var(--rouge);     /* remplit ET écrit     → 9,7 sur blanc  */
  --accent-2:     var(--noir);      /* les titres : noir, le rouge aux
                                       résultats et au bouton, pas partout   */
  --carte:        #ffffff;          /* les panneaux : blancs, tenus par leur
                                       liseré crème et une ombre douce       */
  --bordure:      #e2dace;          /* les traits fins : son crème, assourdi */
  --focus:        var(--rouge);     /* le liseré du champ où l'on écrit.
                                       ⛔ pas l'or : invisible sur du blanc  */
  --alerte:       #9b1c1c;          /* une erreur DOIT se lire  → 8,1        */
  --succes:       var(--vert);      /* ⛔ pas l'or ici : 2,2 sur blanc       */
  --ombre:        0 1px 3px rgba(9, 9, 9, .06), 0 8px 24px rgba(9, 9, 9, .05);

  /* Le cartouche crème où vit le corps graphique : INCHANGÉ en passant au
     blanc. C'est l'endroit où sa marque respire, et le seul où son rouge se
     pose sur son crème (contraste 7,3). Le dessin ne bouge pas d'un pixel. */
  --clair-fond:   var(--creme);
  --clair-texte:  var(--noir);
  --clair-trait:  #cbbda8;

  /* ---- LE SCHÉMA HUMAN DESIGN (lu par « schema_hd.css ») -----------------
     Les mêmes couleurs que dans son rapport : ROUGE = inconscient (design),
     NOIR = conscient (personnalité). Décision d'Anna, 22 sept. 2026. */
  --hd-inconscient:      var(--rouge);
  --hd-conscient:        var(--noir);
  --sur-rouge:           #ffffff;       /* ⛔ tout ce qui s'écrit SUR son rouge est BLANC, jamais
                                           crème : bouton, encadré du bas, tableaux (Anna, 13 oct.) */
  --hd-sur-inconscient:  #ffffff;       /* blanc, pas crème (Anna, 13 oct. 2026) */
  --hd-sur-conscient:    #ffffff;
  --hd-centre:           var(--rouge);  /* un centre défini : son rouge PLEIN, comme sur le
                                           schéma de référence (le rose adouci du rapport
                                           papier ne ressemblait pas à son rouge à l'écran) */
  --hd-trait:            var(--noir);
  --hd-papier:           #ffffff;
  --hd-silhouette:       #f2f0ed;

  /* ---- 3. SES POLICES : elles sont dans « polices.css » (calculateur),
     le même fichier pour le calculateur et pour l'app. ------------------ */
}