/* ============================================================
   FPRO - themes.css
   10 palettes completes. Version 7.

   Changement important par rapport a la version 6 : une palette porte
   maintenant TOUTES les couleurs, y compris le fond de page. Avant, chaque
   direction imposait ses neutres et la palette ne changeait qu'un accent :
   deux sites de la meme direction etaient donc des jumeaux, quelle que soit
   la palette choisie. Desormais la direction fait la structure et la
   typographie, la palette fait la couleur. Les combinaisons sont reelles.

   Contrastes verifies par calcul, pour chaque palette :
   encre sur fond et sur surface > 12:1, encre-2 > 5.5:1, accent sur fond
   et sur surface > 4.6:1, blanc sur accent > 4.6:1, accent sur accent-clair
   > 4.6:1. Aucune palette n'est publiee sans passer ces seuils.
   ============================================================ */

/* papier : Papier chaud. Le crème de l'imprimerie, un vert profond en accent. */
:root,
[data-palette="papier"] {
  --fond:             #f6f2ea;
  --fond-2:           #efe9dd;
  --surface:          #fffdf9;
  --encre:            #1f1b17;
  --encre-2:          #5b544c;
  --trait:            #e2dacb;
  --trait-fort:       #1f1b17;
  --accent:           #46664f;
  --accent-fonce:     #33513c;
  --accent-clair:     #e7eee7;
  --accent-contraste: #ffffff;
  --encre-contraste:  #f6f2ea;
  --alerte:           #8a4b2a;
}

/* craie : Blanc franc, gris de craie. Le plus net, le plus clinique. */
[data-palette="craie"] {
--bande: #e9f2f0; /* 22 septembre : fond de page et surface y sont presque identiques, la bande alternee se teinte */
  --fond:             #ffffff;
  --fond-2:           #f3f5f4;
  --surface:          #ffffff;
  --encre:            #101514;
  --encre-2:          #5c6663;
  --trait:            #e3e7e5;
  --trait-fort:       #101514;
  --accent:           #2f6f6b;
  --accent-fonce:     #21504d;
  --accent-clair:     #e4f0ef;
  --accent-contraste: #ffffff;
  --encre-contraste:  #ffffff;
  --alerte:           #8c3a3a;
}

/* ivoire : Ivoire tiède, accent brique. Une maison installée. */
[data-palette="ivoire"] {
  --fond:             #faf7f1;
  --fond-2:           #f2ede3;
  --surface:          #fffefb;
  --encre:            #1a1917;
  --encre-2:          #615c55;
  --trait:            #dcd5c7;
  --trait-fort:       #1a1917;
  --accent:           #7a4b33;
  --accent-fonce:     #5d3826;
  --accent-clair:     #f3e8e1;
  --accent-contraste: #ffffff;
  --encre-contraste:  #faf7f1;
  --alerte:           #8a4b2a;
}

/* ardoise : Gris bleuté d'ardoise, accent bleu de travail. */
[data-palette="ardoise"] {
  --fond:             #eceff3;
  --fond-2:           #e2e7ee;
  --surface:          #fbfcfd;
  --encre:            #161b22;
  --encre-2:          #4f5966;
  --trait:            #d3dae3;
  --trait-fort:       #161b22;
  --accent:           #3c5673;
  --accent-fonce:     #2b4159;
  --accent-clair:     #dfe7f0;
  --accent-contraste: #ffffff;
  --encre-contraste:  #eceff3;
  --alerte:           #8a4b2a;
}

/* sable : Greige de lin, accent brun doré. Chaud sans être sucré. */
[data-palette="sable"] {
  --fond:             #ebe5da;
  --fond-2:           #e0d9cb;
  --surface:          #fdfcfa;
  --encre:            #201d18;
  --encre-2:          #5a5347;
  --trait:            #d9d0bf;
  --trait-fort:       #201d18;
  --accent:           #6b5a37;
  --accent-fonce:     #514426;
  --accent-clair:     #e6ddc9;
  --accent-contraste: #ffffff;
  --encre-contraste:  #ebe5da;
  --alerte:           #8a4b2a;
}

/* sauge : Vert pâle d'herbier, accent forêt. Calme, végétal. */
[data-palette="sauge"] {
  --fond:             #edf1ea;
  --fond-2:           #e3e9df;
  --surface:          #fbfdfa;
  --encre:            #171c17;
  --encre-2:          #4f5a4e;
  --trait:            #d6ded2;
  --trait-fort:       #171c17;
  --accent:           #3f6a4c;
  --accent-fonce:     #2d5138;
  --accent-clair:     #dfeade;
  --accent-contraste: #ffffff;
  --encre-contraste:  #edf1ea;
  --alerte:           #8a4b2a;
}

/* brume : Bleu de brume, accent bleu canard. Frais, matinal. */
[data-palette="brume"] {
  --fond:             #e2eaf0;
  --fond-2:           #d5e0e8;
  --surface:          #f9fbfd;
  --encre:            #131a1f;
  --encre-2:          #48535c;
  --trait:            #c8d5df;
  --trait-fort:       #131a1f;
  --accent:           #2c6076;
  --accent-fonce:     #1e4756;
  --accent-clair:     #d3e4ec;
  --accent-contraste: #ffffff;
  --encre-contraste:  #e2eaf0;
  --alerte:           #8a4b2a;
}

/* terracotta : Terre cuite pâle, accent sienne brûlée. Méditerranéen. */
[data-palette="terracotta"] {
  --fond:             #f2e8e2;
  --fond-2:           #e9dcd3;
  --surface:          #fefcfb;
  --encre:            #221b17;
  --encre-2:          #5f5149;
  --trait:            #e0d0c5;
  --trait-fort:       #221b17;
  --accent:           #8a4c33;
  --accent-fonce:     #6d3a26;
  --accent-clair:     #f2e3da;
  --accent-contraste: #ffffff;
  --encre-contraste:  #f2e8e2;
  --alerte:           #8a4b2a;
}

/* bleu-nuit : Gris lavande, accent indigo. Sobre et un peu nocturne. */
[data-palette="bleu-nuit"] {
  --fond:             #edecf1;
  --fond-2:           #e4e2ea;
  --surface:          #fcfbfd;
  --encre:            #16151c;
  --encre-2:          #524f5d;
  --trait:            #d8d5e0;
  --trait-fort:       #16151c;
  --accent:           #4a4780;
  --accent-fonce:     #363466;
  --accent-clair:     #e3e1f0;
  --accent-contraste: #ffffff;
  --encre-contraste:  #edecf1;
  --alerte:           #8a4b2a;
}

/* mousse : Olive clair, accent kaki. Terrien, sans être terne. */
[data-palette="mousse"] {
  --fond:             #e9ead9;
  --fond-2:           #dedfca;
  --surface:          #fcfcf7;
  --encre:            #1c1d15;
  --encre-2:          #535542;
  --trait:            #d3d5bf;
  --trait-fort:       #1c1d15;
  --accent:           #516029;
  --accent-fonce:     #3d4a1d;
  --accent-clair:     #e7ebd4;
  --accent-contraste: #ffffff;
  --encre-contraste:  #e9ead9;
  --alerte:           #8a4b2a;
}

/* poudre : Rose poudré, accent framboise. Le fleuriste (24 septembre) : un site
   de fleuriste doit sentir les fleurs. Contrastes mesurés : texte secondaire
   5,9 à 7,1, accent 5,4 à 6,5, blanc sur accent 6,7. */
[data-palette="poudre"] {
  --fond:             #fffbfa;
  --fond-2:           #fbf0f2;
  --bande:            #f7e8ec;
  --surface:          #ffffff;
  --encre:            #2b1b21;
  --encre-2:          #6b4f57;
  --trait:            #ecd6dc;
  --trait-fort:       #2b1b21;
  --accent:           #a1335c;
  --accent-fonce:     #7a2446;
  --accent-clair:     #f7e2ea;
  --accent-contraste: #ffffff;
  --encre-contraste:  #fffbfa;
  --alerte:           #8c3a3a;
}

/* eau : Bleu eau. Le plombier (24 septembre) : un bleu franc, celui de l'eau, sur un blanc froid. Contrastes mesures :
   texte secondaire 5,9 a 7,1, accent 5,4 a 6,5, blanc sur accent 6,5. */
[data-palette="eau"] {
  --fond:             #f7f9fc;
  --fond-2:           #edf2f8;
  --bande:            #e3ebf5;
  --surface:          #ffffff;
  --encre:            #14202e;
  --encre-2:          #4a5a6c;
  --trait:            #d5dfeb;
  --trait-fort:       #14202e;
  --accent:           #1f5fa6;
  --accent-fonce:     #15477f;
  --accent-clair:     #e1ecf8;
  --accent-contraste: #ffffff;
  --encre-contraste:  #f7f9fc;
  --alerte:           #8c3a3a;
}

/* marine : Bleu marine. Le plombier (24 septembre) : bleu profond, derive de eau, plus sobre. Contrastes mesures :
   texte secondaire 6,2 a 7,5, accent 7,7 a 9,3, blanc sur accent 9,3. */
[data-palette="marine"] {
  --fond:             #f7f8fa;
  --fond-2:           #eef1f5;
  --bande:            #e6eaf1;
  --surface:          #ffffff;
  --encre:            #141a24;
  --encre-2:          #4b5566;
  --trait:            #d8dee8;
  --trait-fort:       #141a24;
  --accent:           #274777;
  --accent-fonce:     #1b3257;
  --accent-clair:     #e3e9f3;
  --accent-contraste: #ffffff;
  --encre-contraste:  #f7f8fa;
  --alerte:           #8c3a3a;
}

/* bistrot : Bordeaux bistrot. Le restaurant (24 septembre) : bordeaux de bistrot sur papier creme. Contrastes mesures :
   texte secondaire 6,4 a 7,9, accent 6,9 a 8,5, blanc sur accent 8,6. */
[data-palette="bistrot"] {
  --fond:             #fbf7f1;
  --fond-2:           #f4ede2;
  --bande:            #efe5d6;
  --surface:          #fffdf9;
  --encre:            #231915;
  --encre-2:          #5e4d44;
  --trait:            #e3d6c4;
  --trait-fort:       #231915;
  --accent:           #8c2635;
  --accent-fonce:     #6b1b28;
  --accent-clair:     #f5e3e4;
  --accent-contraste: #ffffff;
  --encre-contraste:  #fbf7f1;
  --alerte:           #8c3a3a;
}

/* brasserie : Bleu brasserie. Le restaurant (24 septembre) : bleu de brasserie sur papier creme. Contrastes mesures :
   texte secondaire 5,8 a 7,1, accent 8,4 a 10,3, blanc sur accent 10,5. */
[data-palette="brasserie"] {
  --fond:             #fbf8f2;
  --fond-2:           #f3eee3;
  --bande:            #ece5d6;
  --surface:          #fffdf9;
  --encre:            #1d1f26;
  --encre-2:          #555663;
  --trait:            #e1d9c9;
  --trait-fort:       #1d1f26;
  --accent:           #243f6b;
  --accent-fonce:     #182c4d;
  --accent-clair:     #e3e8f1;
  --accent-contraste: #ffffff;
  --encre-contraste:  #fbf8f2;
  --alerte:           #8c3a3a;
}

/* argile : Lin et argile. L'osteopathe (24 septembre) : lin et argile, plus chaleureux que la sauge. Contrastes mesures :
   texte secondaire 5,6 a 7,0, accent 5,0 a 6,4, blanc sur accent 6,4. */
[data-palette="argile"] {
  --fond:             #fbf7f3;
  --fond-2:           #f4ece4;
  --bande:            #eee3d8;
  --surface:          #ffffff;
  --encre:            #2a211c;
  --encre-2:          #65564d;
  --trait:            #e6d8cb;
  --trait-fort:       #2a211c;
  --accent:           #8e4e39;
  --accent-fonce:     #7a4331;
  --accent-clair:     #f5e6de;
  --accent-contraste: #ffffff;
  --encre-contraste:  #fbf7f3;
  --alerte:           #8c3a3a;
}

/* bruyere : Bruyère. L'osteopathe (24 septembre) : bruyere douce, derivee de argile. Contrastes mesures :
   texte secondaire 5,7 a 7,0, accent 5,4 a 6,6, blanc sur accent 6,6. */
[data-palette="bruyere"] {
  --fond:             #fbf8f9;
  --fond-2:           #f4eef1;
  --bande:            #eee5ea;
  --surface:          #ffffff;
  --encre:            #261d23;
  --encre-2:          #625560;
  --trait:            #e6dae1;
  --trait-fort:       #261d23;
  --accent:           #7a4f6d;
  --accent-fonce:     #5f3d55;
  --accent-clair:     #f3e6ee;
  --accent-contraste: #ffffff;
  --encre-contraste:  #fbf8f9;
  --alerte:           #8c3a3a;
}

/* --- Duos typographiques --------------------------------------------------
   Les familles sont declarees et choisies dans chaque direction, parce
   qu'un duo n'a de sens que dans une composition donnee. Ce fichier ne
   s'occupe que de la couleur. Voir direction-1, direction-2, direction-3.
   -------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------
   25 septembre (Krikor : « fais tout toi-même ») : une couleur par métier pour
   les douze autres, essayées dans fpro.fr/admin/comparateur-ambiance-12.html.
   Contrastes calculés : texte secondaire au moins 5,6, accent sur les fonds
   au moins 4,6, blanc sur accent au moins 5,6.
   ------------------------------------------------------------------------ */

/* froment : Froment. */
[data-palette="froment"] {
  --fond: #fcf8f1;
  --fond-2: #f6eddc;
  --bande: #f1e4cc;
  --surface: #fffdf8;
  --encre: #2a1f14;
  --encre-2: #624f3c;
  --trait: #e8d8bd;
  --trait-fort: #2a1f14;
  --accent: #8f521b;
  --accent-fonce: #6f3f13;
  --accent-clair: #f6e7d2;
  --accent-contraste: #ffffff;
  --encre-contraste: #fcf8f1;
  --alerte: #8c3a3a;
}

/* nude : Nude. */
[data-palette="nude"] {
  --fond: #fbf9f7;
  --fond-2: #f3eeea;
  --bande: #ece5df;
  --surface: #ffffff;
  --encre: #1c1a19;
  --encre-2: #57514d;
  --trait: #e3dcd6;
  --trait-fort: #1c1a19;
  --accent: #955447;
  --accent-fonce: #77413a;
  --accent-clair: #f4e6e2;
  --accent-contraste: #ffffff;
  --encre-contraste: #fbf9f7;
  --alerte: #8c3a3a;
}

/* ambre : Ambre. */
[data-palette="ambre"] {
  --fond: #f8f8f6;
  --fond-2: #efefeb;
  --bande: #e8e7e1;
  --surface: #ffffff;
  --encre: #16181c;
  --encre-2: #4f535b;
  --trait: #dcdcd5;
  --trait-fort: #16181c;
  --accent: #955000;
  --accent-fonce: #733d00;
  --accent-clair: #f7ead6;
  --accent-contraste: #ffffff;
  --encre-contraste: #f8f8f6;
  --alerte: #8c3a3a;
}

/* nacre : Nacre. */
[data-palette="nacre"] {
  --fond: #fcfaf8;
  --fond-2: #f5f0ec;
  --bande: #efe8e2;
  --surface: #ffffff;
  --encre: #2a2422;
  --encre-2: #625955;
  --trait: #e8e0da;
  --trait-fort: #2a2422;
  --accent: #80614f;
  --accent-fonce: #654b3d;
  --accent-clair: #f3ebe6;
  --accent-contraste: #ffffff;
  --encre-contraste: #fcfaf8;
  --alerte: #8c3a3a;
}

/* menthe : Menthe. */
[data-palette="menthe"] {
  --fond: #f6faf9;
  --fond-2: #eaf4f2;
  --bande: #dfeeeb;
  --surface: #ffffff;
  --encre: #122120;
  --encre-2: #475a57;
  --trait: #d3e5e1;
  --trait-fort: #122120;
  --accent: #1b6a60;
  --accent-fonce: #135048;
  --accent-clair: #dcefeb;
  --accent-contraste: #ffffff;
  --encre-contraste: #f6faf9;
  --alerte: #8c3a3a;
}

/* pierre : Pierre et brique. */
[data-palette="pierre"] {
  --fond: #f8f6f2;
  --fond-2: #efebe4;
  --bande: #e7e1d7;
  --surface: #ffffff;
  --encre: #1f1c18;
  --encre-2: #57514a;
  --trait: #ddd6ca;
  --trait-fort: #1f1c18;
  --accent: #8a4a2b;
  --accent-fonce: #6c3920;
  --accent-clair: #f3e3d9;
  --accent-contraste: #ffffff;
  --encre-contraste: #f8f6f2;
  --alerte: #8c3a3a;
}

/* feuillage : Feuillage. */
[data-palette="feuillage"] {
  --fond: #f7f9f4;
  --fond-2: #edf2e6;
  --bande: #e3ebd9;
  --surface: #ffffff;
  --encre: #18200f;
  --encre-2: #4c5840;
  --trait: #d7e1ca;
  --trait-fort: #18200f;
  --accent: #3d6629;
  --accent-fonce: #2f5020;
  --accent-clair: #e3eed9;
  --accent-contraste: #ffffff;
  --encre-contraste: #f7f9f4;
  --alerte: #8c3a3a;
}

/* argentique : Argentique. */
[data-palette="argentique"] {
  --fond: #fafafa;
  --fond-2: #f1f1f0;
  --bande: #e9e9e7;
  --surface: #ffffff;
  --encre: #121212;
  --encre-2: #505050;
  --trait: #dedede;
  --trait-fort: #121212;
  --accent: #2b2b2b;
  --accent-fonce: #111111;
  --accent-clair: #ececec;
  --accent-contraste: #ffffff;
  --encre-contraste: #fafafa;
  --alerte: #8c3a3a;
}

/* cahier : Cahier. */
[data-palette="cahier"] {
  --fond: #fbfbf8;
  --fond-2: #f2f3ee;
  --bande: #eaece3;
  --surface: #ffffff;
  --encre: #1b1f2a;
  --encre-2: #50566a;
  --trait: #dde0d6;
  --trait-fort: #1b1f2a;
  --accent: #2d4f8f;
  --accent-fonce: #203a6b;
  --accent-clair: #e3eaf6;
  --accent-contraste: #ffffff;
  --encre-contraste: #fbfbf8;
  --alerte: #8c3a3a;
}

/* ciel : Ciel. */
[data-palette="ciel"] {
  --fond: #f8f9fb;
  --fond-2: #eff1f6;
  --bande: #e7eaf2;
  --surface: #ffffff;
  --encre: #1d2130;
  --encre-2: #545a6d;
  --trait: #dde1ea;
  --trait-fort: #1d2130;
  --accent: #4a5a8a;
  --accent-fonce: #37446b;
  --accent-clair: #e6e9f3;
  --accent-contraste: #ffffff;
  --encre-contraste: #f8f9fb;
  --alerte: #8c3a3a;
}

/* olivier : Olivier. */
[data-palette="olivier"] {
  --fond: #fbf9f5;
  --fond-2: #f4f0e8;
  --bande: #eee8dc;
  --surface: #ffffff;
  --encre: #242520;
  --encre-2: #5a5b52;
  --trait: #e5dfd2;
  --trait-fort: #242520;
  --accent: #5c6848;
  --accent-fonce: #48523a;
  --accent-clair: #eceee3;
  --accent-contraste: #ffffff;
  --encre-contraste: #fbf9f5;
  --alerte: #8c3a3a;
}

/* reception : Réception. */
[data-palette="reception"] {
  --fond: #fbf9f5;
  --fond-2: #f3efe7;
  --bande: #ece6da;
  --surface: #fffefb;
  --encre: #1f1d1a;
  --encre-2: #58534b;
  --trait: #e2dccf;
  --trait-fort: #1f1d1a;
  --accent: #76572a;
  --accent-fonce: #5c4420;
  --accent-clair: #f3eadb;
  --accent-contraste: #ffffff;
  --encre-contraste: #fbf9f5;
  --alerte: #8c3a3a;
}