:root {
  --mto-color-blanc: #ffffff;
  --mto-color-menu-fond: #174f47;
  --mto-color-menu-fond-rgb: 23 79 71;


  --vert-fonce-hex: #174f47;
  --vert-hex: #037f5c;
  --vert-clair-hex: #4AFFE5;
  --vert-fonce-rgb: 23 79 71;
  --vert-clair-rgb: 74 255 229;
  --vert-rgb: 3 127 92;

  --orange-fonce-hex: #ea4a00;
  --orange-clair-hex: #ffa449;
  --orange-fonce-rgb: 234 74 0;
  --orange-clair-rgb: 255 164 73;

  --violet-fonce-hex: #8300d4;
  --violet-clair-hex: #a385fc;
  --violet-fonce-rgb: 131 0 212;
  --violet-clair-rgb: 163 133 252;

  --bleu-fonce-hex: #0082d8;
  --bleu-clair-hex: #66b3ff;
  --bleu-fonce-rgb: 0 130 216;
  --bleu-clair-rgb: 102 179 255;

  --rouge-fonce-hex: #b4232f;
  --rouge-clair-hex: #ffb3b8;
  --rouge-fonce-rgb: 180 35 47;
  --rouge-clair-rgb: 255 179 184;

  --jaune-fonce-hex: #F5C700;
  --jaune-clair-hex: #ffe786;
  --jaune-fonce-rgb: 245 199 0;
  --jaune-clair-rgb: 255 231 134;

  --rose-fonce-hex: #d4005a;
  --rose-clair-hex: #ff99cc;
  --rose-fonce-rgb: 212 0 90;
  --rose-clair-rgb: 255 153 204;

 
  --mto-color-principal-base: var(--vert-fonce-rgb);
  --mto-color-brique-base: var(--rouge-fonce-rgb);
  --mto-color-secondaire-base: var(--vert-clair-rgb);
  --mto-color-neutre-base: var(--rose-fonce-rgb);

/* Couleurs des onglets */

/*Actualités */
--mto-color-menu-actualite-base: var(--vert-rgb);
--mto-color-agenda-base: var(--mto-color-menu-actualite-base);
--mto-color-information-base: var(--mto-color-menu-actualite-base);



--mto-color-menu-vie-pratique-base: var(--orange-fonce-rgb);
--mto-color-annuaire-base: var(--mto-color-menu-vie-pratique-base);
--mto-color-service-base: var(--mto-color-menu-vie-pratique-base);

--mto-color-menu-infos-utiles-base: var(--bleu-fonce-rgb);
--mto-color-meteo-base: var(--mto-color-menu-infos-utiles-base);
--mto-color-vacances-base: var(--mto-color-menu-infos-utiles-base);
--mto-color-faq-base: var(--mto-color-menu-infos-utiles-base);

/* Couleurs des onglets */


  --mto-color-principal: rgb(var(--mto-color-principal-base));
  --mto-color-brique: rgb(var(--mto-color-brique-base));
  --mto-color-secondaire: rgb(var(--mto-color-secondaire-base));
  --mto-color-information: rgb(var(--mto-color-information-base));
  --mto-color-agenda: rgb(var(--mto-color-agenda-base));
  --mto-color-service: rgb(var(--mto-color-service-base));
  --mto-color-meteo: rgb(var(--mto-color-meteo-base));
  --mto-color-faq: rgb(var(--mto-color-faq-base));
  --mto-color-vacances: rgb(var(--mto-color-vacances-base));
  --mto-color-annuaire: rgb(var(--mto-color-annuaire-base));
  --mto-color-neutre: rgb(var(--mto-color-neutre-base));

  --mto-ui-texte-principal: #172a35;
  --mto-ui-texte-secondaire: #627481;
  --mto-ui-texte-secondaire-doux: #6b7d89;
  --mto-ui-texte-discret: #80918e;
  --mto-ui-bordure: #d7e1e4;
  --mto-ui-bordure-douce: #dce4e2;
  --mto-ui-bordure-contraste: #cad8d4;
  --mto-ui-surface: var(--mto-color-blanc);
  --mto-ui-surface-subtile: #f5f8f7;
  --mto-ui-surface-subtile-alt: #fafcfb;
  --mto-ui-surface-accent: #eaf4f1;

  --mto-color-texte-principal: var(--mto-ui-texte-principal);
  --mto-color-texte-secondaire: var(--mto-ui-texte-secondaire);
  --mto-color-texte-secondaire-doux: var(--mto-ui-texte-secondaire-doux);
  --mto-color-texte-discret: var(--mto-ui-texte-discret);
  --mto-color-bordure-standard: var(--mto-ui-bordure);
  --mto-color-bordure-douce: var(--mto-ui-bordure-douce);
  --mto-color-bordure-contraste: var(--mto-ui-bordure-contraste);
  --mto-color-surface: var(--mto-ui-surface);
  --mto-color-surface-subtile: var(--mto-ui-surface-subtile);
  --mto-color-surface-subtile-alt: var(--mto-ui-surface-subtile-alt);
  --mto-color-surface-accent: var(--mto-ui-surface-accent);

  --mto-color-focus-interne: var(--mto-color-surface);
  --mto-color-focus-externe: #143e36;
  --mto-color-focus-interne-alt: #174d46;
  --mto-color-danger-border-loud: #b4232f;
  --mto-color-danger-fill-quiet: #fff1f2;
  --mto-color-danger-on-quiet: #641a22;
  --mto-color-danger-on-normal: #9d1c1c;
  --mto-color-brand-fill-loud: #007236;

  --mto-gradient-vert-trois: #348b7b;
  --mto-gradient-info-trois: #3988a1;
  --mto-gradient-rappel-trois: #c45151;

  --mto-admin-bandeau-visible: #18753c;
  --mto-admin-bandeau-invisible: #b4232f;
  --mto-admin-bandeau-texte-action: #17202a;

  --mto-articles-vert: #276f60;
  --mto-articles-vert-fonce: #174d46;
  --mto-articles-bleu: #27669d;
  --mto-articles-encre: var(--mto-color-texte-principal);
  --mto-articles-texte-secondaire: var(--mto-color-texte-secondaire);
  --mto-articles-bordure: var(--mto-color-bordure-standard);
  --mto-articles-fond: var(--mto-color-surface-subtile);
  --mto-articles-fond-accent: var(--mto-color-surface-accent);

  --mto-info-accent-principal: #27669d;
  --mto-info-accent-fonce: #174d6f;
  --mto-info-accent-clair: #edf5fb;

  --mto-accueil-vert: #276f60;
  --mto-accueil-vert-fonce: #174d46;
  --mto-accueil-bleu: #27669d;
  --mto-accueil-brique: #8f242a;
  --mto-accueil-encre: var(--mto-color-texte-principal);
  --mto-accueil-texte-secondaire: var(--mto-color-texte-secondaire);
  --mto-accueil-bordure: var(--mto-color-bordure-standard);
  --mto-accueil-fond-doux: var(--mto-color-surface-subtile);
  --mto-accueil-gradient-trois: #2f7d70;
  --mto-accueil-accent-rose: rgb(255 187 192 / 70%);
  --mto-accueil-accent-vert: rgb(0 171 152 / 80%);
  --mto-accueil-texte-hero: rgb(255 255 255 / 91%);
  --mto-accueil-texte-surligne: #ffbbc0;
  --mto-accueil-surface: var(--mto-color-surface);
  --mto-accueil-surface-alt: var(--mto-color-surface-subtile-alt);
  --mto-accueil-visuel-defaut-un: #e5f2ef;
  --mto-accueil-visuel-defaut-deux: #f8fbfa;
  --mto-accueil-meta-separateur: var(--mto-color-texte-discret);
  --mto-accueil-association-fond: #e4f1ee;
  --mto-accueil-association-texte: #385852;
  --mto-accueil-association-overlay-fort: rgb(244 250 248 / 98%);
  --mto-accueil-association-overlay-moyen: rgb(244 250 248 / 92%);
  --mto-accueil-association-overlay-faible: rgb(244 250 248 / 18%);
  --mto-accueil-widget-icone-fond: #e5f2ef;
  --mto-accueil-prenoms-icone: #a76600;
  --mto-accueil-separateur-indicateur: rgb(39 111 96 / 12%);
  --mto-accueil-chevron-secondaire: var(--mto-color-texte-discret);
  --mto-accueil-pave-bordure: var(--mto-color-bordure-standard);
  --mto-accueil-pave-fond: #eef8f5;
  --mto-accueil-pave-carburants: #c86700;
  --mto-accueil-pave-carburants-fond: #fff5e9;
  --mto-accueil-pave-recharge: #08497f;
  --mto-accueil-pave-recharge-fond: #ededf8;
  --mto-accueil-pave-agenda: #8a6500;
  --mto-accueil-pave-agenda-fond: #fff9e6;
  --mto-accueil-pave-defibrillateurs: #a92b32;
  --mto-accueil-pave-defibrillateurs-fond: #fff1f2;
  --mto-accueil-pave-annuaire: #247565;
  --mto-accueil-pave-annuaire-fond: #eef8f6;
  --mto-accueil-pave-faq: #6651a4;
  --mto-accueil-pave-faq-fond: #f5f2fc;
  --mto-accueil-pave-contact: #dd0622;
  --mto-accueil-pave-contact-fond: #fbeeee;

  --mto-aside-accent-themes: #006b60;
  --mto-aside-bordure-themes: #bfddd8;
  --mto-aside-survol-themes: #edf8f6;
  --mto-aside-accent-services: #9a510f;
  --mto-aside-bordure-services: #efd4bc;
  --mto-aside-survol-services: #fff5ec;
  --mto-aside-accent-information: #1f668f;
  --mto-aside-bordure-information: #c5ddea;
  --mto-aside-survol-information: #eef7fc;
  --mto-aside-accent-default: #27669d;
  --mto-aside-bordure-default: #cddfed;
  --mto-aside-survol-default: #eef6fc;
  --mto-aside-texte: #263d3a;
  --mto-aside-texte-secondaire: var(--mto-color-texte-secondaire);

  --mto-bus-bleu: #174d78;
  --mto-bus-bleu-clair: #eaf4fb;
  --mto-bus-encre: var(--mto-color-texte-principal);
  --mto-bus-bordure: var(--mto-color-bordure-standard);
  --mto-bus-fond: var(--mto-color-surface-subtile);
  --mto-bus-orange: #e87224;
  --mto-bus-gradient-un: #123f66;
  --mto-bus-gradient-deux: #1e6b95;
  --mto-bus-gradient-trois: #2d8ba2;

  --bus-bleu: var(--mto-bus-bleu);
  --bus-bleu-clair: var(--mto-bus-bleu-clair);
  --bus-encre: var(--mto-bus-encre);
  --bus-bordure: var(--mto-bus-bordure);
  --bus-fond: var(--mto-bus-fond);
  --bus-orange: var(--mto-bus-orange);
  --bus-gradient-un: var(--mto-bus-gradient-un);
  --bus-gradient-deux: var(--mto-bus-gradient-deux);
  --bus-gradient-trois: var(--mto-bus-gradient-trois);

  --mto-rappel-rouge: #a92f3d;
  --mto-rappel-rouge-fonce: #74212d;
  --mto-rappel-rouge-clair: #fff1f2;
  --mto-rappel-bleu: #27669d;
  --mto-rappel-encre: var(--mto-color-texte-principal);
  --mto-rappel-texte-secondaire: var(--mto-color-texte-secondaire);
  --mto-rappel-bordure: var(--mto-color-bordure-standard);
  --mto-rappel-fond: var(--mto-color-surface-subtile);
  --mto-rappel-surface: var(--mto-color-surface);
  --mto-rappel-badge-bordure: #bdccd6;
  --mto-rappel-texte-succes: #14714f;
  --mto-rappel-encart-info-fond: #eaf4fb;
  --mto-rappel-encart-info-texte: #174d78;
  --mto-rappel-encart-alerte-bordure: #d58a21;
  --mto-rappel-encart-alerte-fond: #fffaf0;

  --mto-info-surface: var(--mto-color-surface);

  --mto-articles-surface: var(--mto-color-surface);
  --mto-articles-surface-alt: var(--mto-color-surface-subtile-alt);
  --mto-articles-input-bordure: #adbec4;
  --mto-articles-chargement-bordure: #9dc4bb;
  --mto-articles-chargement-fond: #e8f5f1;

  --mto-bus-surface: var(--mto-color-surface);
  --mto-bus-label: var(--mto-color-texte-secondaire);
  --mto-bus-input-bordure: #bac9d3;
  --mto-bus-ligne-entete: var(--mto-color-texte-secondaire);
  --mto-bus-texte-secondaire: var(--mto-color-texte-secondaire-doux);
  --mto-bus-vide: var(--mto-color-texte-secondaire);
  --mto-bus-service-texte: #176343;
  --mto-bus-service-fond: #e4f6ed;
  --mto-bus-service-demande-texte: #7a4815;
  --mto-bus-service-demande-fond: #fff0db;
  --mto-bus-avertissement-texte: #68421f;
  --mto-bus-avertissement-fond: #fff5e8;

  --bus-surface: var(--mto-bus-surface);
  --bus-label: var(--mto-bus-label);
  --bus-input-bordure: var(--mto-bus-input-bordure);
  --bus-ligne-entete: var(--mto-bus-ligne-entete);
  --bus-texte-secondaire: var(--mto-bus-texte-secondaire);
  --bus-vide: var(--mto-bus-vide);
  --bus-service-texte: var(--mto-bus-service-texte);
  --bus-service-fond: var(--mto-bus-service-fond);
  --bus-service-demande-texte: var(--mto-bus-service-demande-texte);
  --bus-service-demande-fond: var(--mto-bus-service-demande-fond);
  --bus-avertissement-texte: var(--mto-bus-avertissement-texte);
  --bus-avertissement-fond: var(--mto-bus-avertissement-fond);

  --mto-menu-texte-sombre: #172a35;
  --mto-menu-focus-bordure: #143e36;
  --mto-menu-panneau-bordure: var(--mto-color-bordure-contraste);
  --mto-menu-panneau-fond: var(--mto-color-surface);
  --mto-menu-panneau-texte: #172b28;
  --mto-menu-panneau-separateur: var(--mto-color-bordure-douce);
  --mto-menu-intro-titre: #122d28;
  --mto-menu-intro-texte: var(--mto-color-texte-secondaire);
  --mto-menu-lien-texte: #1a3f38;
  --mto-menu-lien-survol: #f0f3f2;
  --mto-menu-lien-secondaire: var(--mto-color-texte-secondaire);
  --mto-menu-recherche-bordure: #174d46;
  --mto-menu-recherche-bordure-focus: #163c35;
  --mto-menu-recherche-fond: var(--mto-color-surface);
  --mto-menu-recherche-texte: #41534f;
  --mto-menu-recherche-input: #172b28;
  --mto-menu-recherche-bouton: #276f60;
  --mto-menu-recherche-bouton-survol: #174d46;
  --mto-menu-mobile-voile: rgb(7 25 21 / 58%);
  --mto-menu-mobile-surface: var(--mto-color-surface);
  --mto-menu-mobile-surface-douce: var(--mto-color-surface-subtile-alt);
  --mto-menu-mobile-surface-survol: #e3f1ed;
  --mto-menu-mobile-surface-focus: #d8ebe6;
  --mto-menu-mobile-bordure: var(--mto-color-bordure-contraste);
  --mto-menu-mobile-bordure-douce: var(--mto-color-bordure-standard);
  --mto-menu-mobile-bordure-ligne: var(--mto-color-bordure-douce);
  --mto-menu-mobile-texte: #193e37;
  --mto-menu-mobile-texte-fort: #17483e;
  --mto-menu-mobile-recherche-fond: #f5f8f7;
  --mto-menu-mobile-recherche-libelle: #354b46;
  --mto-menu-mobile-recherche-bordure: #78938c;
  --mto-menu-mobile-recherche-bordure-focus: #153f36;
  --mto-menu-mobile-recherche-anneau: #b7d8d0;
  --mto-menu-mobile-voile-interaction: rgb(0 0 0 / 16%);

  --mto-editeur-source-fond: #17212b;
  --mto-editeur-source-texte: #f5f7fa;
  --mto-editeur-composant-bordure: #507d73;
  --mto-editeur-composant-fond: #f3f8f6;
  --mto-editeur-composant-texte: #173d35;
  --mto-editeur-toolbar-icone: #444;
  --mto-editeur-toolbar-icone-active: #06c;
}