/* Portail Vitrio — palettes. Une palette ne pose que des couleurs, jamais de
   mise en page : elle se choisit dans l'administration (Apparence) et se lit
   sur <html data-palette="..."> — pages publiques et administration. Ajouter
   une palette : un bloc ici, une entree dans services/appearance.py.

   Trois reglages sont facultatifs, pour un en-tete d'une autre couleur que la
   page : --entete-encre, --entete-attenue, --entete-survol. Absents, l'en-tete
   prend l'encre de la page. Ils sont remis a zero ci-dessous pour qu'un apercu
   de palette pose sur un element ne les herite pas d'une autre. */
[data-palette]{--entete-encre:initial;--entete-attenue:initial;--entete-survol:initial}

/* --- Terre cuite : ivoire chaud, terre cuite, vert foret. Palette par defaut,
   donc aussi celle d'une page qui ne porterait pas d'attribut (:root). Elle
   reste la premiere du fichier : les autres la recouvrent. ------------------
   La terre cuite porte l'action (chercher, voir la boutique) ; le vert foret,
   couleur d'origine de la marque, est reserve a la confiance (vendeur verifie,
   en stock) ; l'ocre signale ce qui reste a confirmer. Fond clair, lisible en
   plein soleil. Tous les couples texte/fond tiennent 4,5:1 au moins (AA). */
:root,[data-palette="terre-cuite"]{
  --paper:#fbf6ee;
  --fond:none;
  --ink:#231a14; --muted:#5f5348;
  --card:#ffffff; --card-fort:#f3eadc;
  --rule:#e6dac8; --rule-clair:#b9a78f;
  --accent:#b23c0e; --accent-dark:#8f2f09; --accent-soft:#fae4d6; --sur-accent:#ffffff;
  --lien:#8f2f09;
  --ok:#0b5c46; --ok-soft:#dcefe6;
  --warm:#7a4d00; --warm-soft:#fbeecb;
  --alerte:#a3261a; --alerte-soft:#fbe3de;
  --entete:#fffdf9; --pied:#f3eadc; --flou:none;
  --champ:#ffffff; --champ-encre:#231a14; --champ-indice:#6b5f54; --champ-bord:#8f7c63;
  --image:#f3eadc;
  --marque:#0f5f4a; --sur-marque:#fbf6ee;
  --bandeau:#231a14; --sur-bandeau:#fbf6ee;
  --shadow:0 1px 2px rgba(60,40,20,.06),0 6px 16px rgba(60,40,20,.07);
  --lift:0 2px 6px rgba(60,40,20,.08),0 14px 30px rgba(60,40,20,.10);
}

/* --- Foret : vert profond, verre pose dessus. ------------------------------ */
[data-palette="foret"]{
  --paper:#0a4636;
  --fond:radial-gradient(70% 90% at 12% 4%,#17755b 0%,rgba(23,117,91,0) 58%),
         radial-gradient(60% 80% at 88% 8%,#2c8f6c 0%,rgba(44,143,108,0) 55%),
         linear-gradient(165deg,#0f5f4a 0%,#0a4636 48%,#062a21 100%);
  --ink:#f2f7f4; --muted:rgba(242,247,244,.86);
  --card:rgba(255,255,255,.08); --card-fort:rgba(255,255,255,.13);
  --rule:rgba(255,255,255,.17); --rule-clair:rgba(255,255,255,.3);
  --accent:#63d7ac; --accent-dark:#86e5c2; --accent-soft:rgba(99,215,172,.18); --sur-accent:#06301f;
  --lien:#a8f0d6;
  --ok:#a8f0d6; --ok-soft:rgba(99,215,172,.18);
  --warm:#ffd3ab; --warm-soft:rgba(240,178,122,.18);
  --alerte:#ffdcd6; --alerte-soft:rgba(255,120,100,.2);
  --entete:rgba(6,42,33,.72); --pied:rgba(6,42,33,.5); --flou:blur(10px);
  --champ:#f7fbf9; --champ-encre:#13251e; --champ-indice:#55645b; --champ-bord:transparent;
  --image:rgba(255,255,255,.12);
  --marque:#f4f8f5; --sur-marque:#0a4636;
  --bandeau:#f0b27a; --sur-bandeau:#2a1702;
  --shadow:0 1px 2px rgba(3,20,15,.24),0 10px 24px rgba(3,20,15,.24);
  --lift:0 2px 6px rgba(3,20,15,.24),0 16px 34px rgba(3,20,15,.30);
}

/* --- Nuit : sombre et neutre, action ambre. ------------------------------- */
[data-palette="nuit"]{
  --paper:#14161a;
  --fond:none;
  --ink:#eef0f3; --muted:#a9b0bb;
  --card:#1e2127; --card-fort:#2a2e36;
  --rule:#333842; --rule-clair:#596070;
  --accent:#f5b83d; --accent-dark:#ffd071; --accent-soft:#3a2f14; --sur-accent:#1b1300;
  --lien:#ffd071;
  --ok:#7ddfae; --ok-soft:#173326;
  --warm:#f7b98a; --warm-soft:#3a2616;
  --alerte:#ffa799; --alerte-soft:#3d1c18;
  --entete:#1a1c21; --pied:#101216; --flou:none;
  --champ:#262a31; --champ-encre:#eef0f3; --champ-indice:#a9b0bb; --champ-bord:#6b7384;
  --image:#2a2e36;
  --marque:#f5b83d; --sur-marque:#14161a;
  --bandeau:#f5b83d; --sur-bandeau:#1b1300;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.3);
  --lift:0 2px 6px rgba(0,0,0,.4),0 16px 34px rgba(0,0,0,.4);
}

/* --- Craie : tres claire et neutre, action noire. -------------------------- */
[data-palette="craie"]{
  --paper:#ffffff;
  --fond:none;
  --ink:#111111; --muted:#555555;
  --card:#ffffff; --card-fort:#f1f1f1;
  --rule:#e0e0e0; --rule-clair:#a8a8a8;
  --accent:#111111; --accent-dark:#3a3a3a; --accent-soft:#ececec; --sur-accent:#ffffff;
  --lien:#111111;
  --ok:#17603a; --ok-soft:#e3f1e9;
  --warm:#7a4b00; --warm-soft:#f7edd6;
  --alerte:#a3201a; --alerte-soft:#fbe6e4;
  --entete:#ffffff; --pied:#f6f6f6; --flou:none;
  --champ:#ffffff; --champ-encre:#111111; --champ-indice:#666666; --champ-bord:#8a8a8a;
  --image:#f1f1f1;
  --marque:#111111; --sur-marque:#ffffff;
  --bandeau:#111111; --sur-bandeau:#ffffff;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.05);
  --lift:0 2px 6px rgba(0,0,0,.06),0 12px 28px rgba(0,0,0,.08);
}

/* --- Lagune : en-tete bleu profond, fond bleute tres clair. ---------------- */
[data-palette="lagune"]{
  --paper:#f3f7fc;
  --fond:none;
  --ink:#0e1f3a; --muted:#4a5a73;
  --card:#ffffff; --card-fort:#e4edf9;
  --rule:#d3dfef; --rule-clair:#9db2cf;
  --accent:#1553c7; --accent-dark:#0e3f9c; --accent-soft:#dde8fb; --sur-accent:#ffffff;
  --lien:#0e3f9c;
  --ok:#0d6148; --ok-soft:#dbf0e7;
  --warm:#7c4a03; --warm-soft:#fbedd0;
  --alerte:#a3261a; --alerte-soft:#fbe4e0;
  --entete:#12439f; --entete-encre:#ffffff; --entete-attenue:#dbe6fb; --entete-survol:rgba(255,255,255,.16);
  --pied:#e4edf9; --flou:none;
  --champ:#ffffff; --champ-encre:#0e1f3a; --champ-indice:#5a6a83; --champ-bord:#7f95b5;
  --image:#e4edf9;
  --marque:#ffffff; --sur-marque:#12439f;
  --bandeau:#0e1f3a; --sur-bandeau:#ffffff;
  --shadow:0 1px 2px rgba(14,31,58,.06),0 6px 16px rgba(14,31,58,.07);
  --lift:0 2px 6px rgba(14,31,58,.08),0 14px 30px rgba(14,31,58,.10);
}

/* --- Safran : en-tete jaune safran, fond creme, action bordeaux. ----------- */
[data-palette="safran"]{
  --paper:#fff3d6;
  --fond:none;
  --ink:#2b1408; --muted:#6a4a37;
  --card:#fffaf0; --card-fort:#ffe6b0;
  --rule:#f0d59a; --rule-clair:#c9a25a;
  --accent:#8a1538; --accent-dark:#6b0f2b; --accent-soft:#fbdcd5; --sur-accent:#ffffff;
  --lien:#6b0f2b;
  --ok:#15573c; --ok-soft:#dcebd0;
  --warm:#7a4300; --warm-soft:#ffe0a3;
  --alerte:#96210f; --alerte-soft:#fdd9cd;
  --entete:#ffc93c; --entete-encre:#2b1408; --entete-attenue:#4d2c12; --entete-survol:rgba(43,20,8,.12);
  --pied:#ffe6b0; --flou:none;
  --champ:#fffdf7; --champ-encre:#2b1408; --champ-indice:#6f5846; --champ-bord:#9a7434;
  --image:#ffe6b0;
  --marque:#8a1538; --sur-marque:#fff3d6;
  --bandeau:#2b1408; --sur-bandeau:#fff3d6;
  --shadow:0 1px 2px rgba(80,45,0,.07),0 6px 16px rgba(80,45,0,.08);
  --lift:0 2px 6px rgba(80,45,0,.09),0 14px 30px rgba(80,45,0,.12);
}

/* --- Marche : contrastee, type place de marche. En-tete nuit, action orange
   vif, liens bleus. --------------------------------------------------------- */
[data-palette="marche"]{
  --paper:#f1f2f4;
  --fond:none;
  --ink:#0f1111; --muted:#4b5158;
  --card:#ffffff; --card-fort:#e8eaed;
  --rule:#d5d9de; --rule-clair:#8d949c;
  --accent:#ff9900; --accent-dark:#e88b00; --accent-soft:#fff0d9; --sur-accent:#0f1111;
  --lien:#0a58a6;
  --ok:#0a6b3d; --ok-soft:#dff3e7;
  --warm:#8a4b00; --warm-soft:#fdebd0;
  --alerte:#b12704; --alerte-soft:#fde5df;
  --entete:#131a22; --entete-encre:#ffffff; --entete-attenue:#c9d1da; --entete-survol:rgba(255,255,255,.14);
  --pied:#e8eaed; --flou:none;
  --champ:#ffffff; --champ-encre:#0f1111; --champ-indice:#5a6068; --champ-bord:#8d949c;
  --image:#e8eaed;
  --marque:#ff9900; --sur-marque:#131a22;
  --bandeau:#b12704; --sur-bandeau:#ffffff;
  --shadow:0 1px 2px rgba(15,17,17,.08),0 4px 12px rgba(15,17,17,.08);
  --lift:0 2px 6px rgba(15,17,17,.10),0 12px 28px rgba(15,17,17,.14);
}