/* ==========================================================================
   LA MARQUE DE MARIANE dans l'app « cycle lunaire » — OR et VERT FORÊT.

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

   Anna, le 2026-10-13 : « on ne prend pas le rouge et le noir, on prend deux
   couleurs qui fit avec son brand ». L'app est donc montée sur son OR et son
   VERT FORÊT, sur fond crème. Le rouge et le noir restent à son calculateur.

   ⚠️ QUI ÉCRIT, QUI REMPLIT (contraste mesuré, la norme est 4,5) :
      - le VERT écrit et remplit : 7,0 sur le crème, 9,3 sur le blanc cassé
      - l'OR REMPLIT SEULEMENT sur du clair : 1,7 sur le crème, illisible.
        Il n'écrit que sur le vert (4,1 : gros chiffres et titres seulement)
      - le CRÈME écrit sur le vert : 7,0

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

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

  /* ---- 2. LEUR RÔLE dans l'app ------------------------------------------ */
  --fond:         var(--creme);
  --carte:        #fbf8f3;          /* les panneaux : un blanc cassé de crème */
  --texte:        #1c211e;          /* le texte courant, un noir verdi → 13   */
  --texte-doux:   #56605a;          /* légendes, aides          → 5,0 / crème */
  --accent:       var(--vert);      /* écrit ET remplit                       */
  --eclat:        var(--or);        /* remplit : barres, pastilles, la Lune   */
  --sur-accent:   var(--creme);     /* ce qui s'écrit sur le vert             */
  --bordure:      #d6cab8;          /* les traits fins : son crème, assombri  */
  --teinte:       #efe8dc;          /* une porte sur deux dans le calendrier  */
  --alerte:       var(--rouge);     /* une erreur doit se lire  → 8,6 / crème */
  --ombre:        0 1px 2px rgba(14, 84, 62, .06), 0 8px 24px rgba(14, 84, 62, .07);

  /* ---- LE SCHÉMA HUMAN DESIGN (lu par « schema_hd.css ») -----------------
     Dans l'app : OR = inconscient (design), VERT = conscient (personnalité).
     ⚠️ Sur l'or, c'est le noir qui écrit (le crème y serait illisible). */
  --hd-inconscient:      var(--or);
  --hd-conscient:        var(--vert);
  --hd-sur-inconscient:  var(--noir);
  --hd-sur-conscient:    var(--creme);
  --hd-centre:           var(--or);   /* un centre défini : son or plein */
  --hd-trait:            #1c211e;
  --hd-papier:           #ffffff;
  --hd-silhouette:       #efe8dc;

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