/* THÈME COMMUN — modifier ce fichier pour les couleurs et la typographie.
   Les valeurs initiales conservent le rendu de vos CSS.
   Les nuances secondaires sont regroupées plus bas. */
/* THÈME VERT — surcharge des couleurs communes */
:root {
  /* Couleurs principales */
  --theme-principale: #306448;
  --theme-principale-survol: #214832;
  --theme-accent: #438660;

  --theme-texte: #25352b;
  --theme-texte-secondaire: #435a4b;
  --theme-texte-discret: #5e7365;
  --theme-texte-conseil: #506b59;

  --theme-surface: #ffffff;
  --theme-fond-clair: #f6f9f5;
  --theme-bordure: #d9e5d8;
  --theme-bordure-champ: #b8cdbb;

  --theme-bandeau-debut: #eaf4e8;
  --theme-bandeau-fin: #f3f7ed;
  --theme-fond-conversation: #f0f3ec;

  /* Liserés des cartes : variations végétales */
  --theme-accent-vert: #5c9866;
  --theme-accent-vert-doux: #7b9d70;
  --theme-accent-rose: #a38c59;
  --theme-accent-rose-doux: #a49a70;
  --theme-accent-violet: #71958b;

  /* Noms conservés pour rester compatibles avec tous les CSS */
  --theme-nuance-e2e8f0: #dfe8dd;
  --theme-nuance-f0f4f8: #f0f5ee;
  --theme-nuance-edf2f7: #edf3e9;
  --theme-nuance-4a5568: #4b6051;
  --theme-nuance-dbeeec: #dceee0;
  --theme-nuance-234e52: #2b513b;
  --theme-nuance-f1f5f9: #f0f5ec;
  --theme-nuance-e8edf2: #e6eee2;
  --theme-nuance-f8faff: #f8fbf5;

  --theme-nuance-ebf8ff: #edf7e9;
  --theme-nuance-bee3f8: #c7dfc3;
  --theme-nuance-2b6cb0: #326b46;
  --theme-nuance-e1effe: #e3f0df;
  --theme-nuance-22543d: #285239;
  --theme-nuance-c6f6d5: #d5edcf;
  --theme-nuance-90cdf4: #a8cda2;
  --theme-nuance-63b3ed: #79ad79;

  --theme-nuance-25364a: #293f30;
  --theme-nuance-244c78: #31583e;
  --theme-nuance-dce8f6: #dfeada;
  --theme-nuance-e1e8f0: #e1e9dc;
  --theme-nuance-b8d1ec: #bed3b6;
  --theme-nuance-245f9c: #326342;
  --theme-nuance-e5ebf2: #e6ede1;
  --theme-nuance-eaf2fc: #edf4e7;
  --theme-nuance-e2ecf8: #e3eedc;
  --theme-nuance-e3effc: #e5f0df;

  --theme-nuance-a9c8e8: #acc9a4;
  --theme-nuance-b9cce0: #bbcdb2;
  --theme-nuance-c7dcf2: #ccdfc3;
  --theme-nuance-dceafa: #dfedd7;
  --theme-nuance-f5f9ff: #f5f9f0;

  --theme-nuance-f6f3fc: #f4f6eb;
  --theme-nuance-e9e0f6: #e3e9d4;
  --theme-nuance-70518f: #526b40;

  --theme-nuance-c9dfdc: #cbded0;
  --theme-nuance-f0f8f5: #f0f7ed;
  --theme-nuance-355c50: #355c43;
  --theme-nuance-334155: #354b3c;
  --theme-nuance-fbfcfe: #fbfcf9;
  --theme-nuance-f1f6fd: #f1f6ec;
  --theme-nuance-39765b: #39764b;
  --theme-nuance-fafbfc: #fafbf7;

  --theme-nuance-eaf1fa: #eaf2e3;
  --theme-nuance-36597f: #3a6044;
  --theme-nuance-829bb8: #7f9b7c;
  --theme-nuance-edf1f5: #edf2e8;
  --theme-nuance-bcd2e9: #bfd2b5;

  --theme-nuance-f8f9fa: #f8faf5;
  --theme-nuance-dddddd: #d9e0d4;
  --theme-nuance-f0f0f0: #eff3ea;
  --theme-nuance-333333: #303d32;


  /* Ombres et transparences, liées aux couleurs principales quand possible. */
  --theme-ombre-30-41-59-6: color-mix(in srgb, var(--theme-texte) 6%, transparent);
  --theme-ombre-44-82-130-15: color-mix(in srgb, var(--theme-principale) 15%, transparent);
  --theme-ombre-44-82-130-8: color-mix(in srgb, var(--theme-principale) 8%, transparent);
  --theme-ombre-0-0-0-3: rgba(0, 0, 0, 0.03);
  --theme-ombre-44-82-130-14: color-mix(in srgb, var(--theme-principale) 14%, transparent);
  --theme-ombre-26-54-93-20: color-mix(in srgb, var(--theme-principale-survol) 20%, transparent);
  --theme-ombre-49-130-206-12: color-mix(in srgb, var(--theme-accent) 12%, transparent);
  --theme-ombre-49-130-206-15: color-mix(in srgb, var(--theme-accent) 15%, transparent);
  --theme-ombre-44-82-130-18: color-mix(in srgb, var(--theme-principale) 18%, transparent);
  --theme-ombre-30-41-59-3: color-mix(in srgb, var(--theme-texte) 3%, transparent);
  --theme-ombre-44-82-130-12: color-mix(in srgb, var(--theme-principale) 12%, transparent);
  --theme-ombre-0-0-0-10: rgba(0, 0, 0, 0.1);
  --theme-ombre-0-0-0-15: rgba(0, 0, 0, 0.15);
  --theme-ombre-0-0-0-8: rgba(0,0,0,0.08);
  --theme-ombre-0-0-0-5: rgba(0,0,0,0.05);

  /* Tailles existantes : suivent la taille de référence, sauf les em relatifs. */
  --theme-taille-14px: calc(var(--theme-texte-base) * 0.875);
  --theme-taille-9px: calc(var(--theme-texte-base) * 0.5625);
  --theme-taille-22px: calc(var(--theme-texte-base) * 1.375);
  --theme-taille-11px: calc(var(--theme-texte-base) * 0.6875);
  --theme-taille-13px: calc(var(--theme-texte-base) * 0.8125);
  --theme-taille-12px: calc(var(--theme-texte-base) * 0.75);
  --theme-taille-10px: calc(var(--theme-texte-base) * 0.625);
  --theme-taille-1rem: calc(var(--theme-texte-base) * 1);
  --theme-taille-1_25rem: calc(var(--theme-texte-base) * 1.25);
  --theme-taille-1_45rem: calc(var(--theme-texte-base) * 1.45);
  --theme-taille-2rem: calc(var(--theme-texte-base) * 2);
  --theme-taille-1_2rem: calc(var(--theme-texte-base) * 1.2);
  --theme-taille-1_4rem: calc(var(--theme-texte-base) * 1.4);
  --theme-taille-1_5rem: calc(var(--theme-texte-base) * 1.5);
  --theme-taille-2_5rem: calc(var(--theme-texte-base) * 2.5);
  --theme-taille-1_05rem: calc(var(--theme-texte-base) * 1.05);
  --theme-taille-20px: calc(var(--theme-texte-base) * 1.25);
  --theme-taille-16px: calc(var(--theme-texte-base) * 1);
  --theme-taille-18px: calc(var(--theme-texte-base) * 1.125);
}