/* Jetons du design system des sites daf. et trend. by Tandem, pour les calculateurs autonomes de /outils-app/.
   Copie de 05-design-system/tokens.css (projet de design tinder-vitrine, commit 2fc6784), généré depuis tokens.json ;
   la police DM Sans est celle du site, auto-hébergée (public/fonts, licence OFL), sans appel à Google Fonts. */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("/fonts/dm-sans-latin-wght.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("/fonts/dm-sans-latin-ext-wght.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
  --p-ivoire-050: #fbf8f4;
  --p-ivoire-100: #f6f2ec;
  --p-prune-050: #f8f5f8;
  --p-prune-100: #ede6ee;
  --p-prune-150: #eee2ee;
  --p-prune-200: #e2d5e7;
  --p-prune-300: #d9ccdc;
  --p-prune-350: #d5c3d9;
  --p-prune-400: #bcaabc;
  --p-prune-450: #a780aa;
  --p-prune-500: #9b669e;
  --p-prune-600: #6e5577;
  --p-prune-700: #704572;
  --p-prune-750: #5d395f;
  --p-prune-800: #44294b;
  --p-prune-900: #38213f;
  --p-foret-050: #eff5e8;
  --p-foret-100: #d8efbf;
  --p-foret-300: #adc5b5;
  --p-foret-400: #6f8f7c;
  --p-foret-500: #547362;
  --p-foret-600: #4a6347;
  --p-foret-700: #2b4b3e;
  --p-foret-750: #164633;
  --p-foret-800: #143c28;
  --p-foret-850: #103b2c;
  --p-foret-900: #0e3023;
  --p-foret-950: #071f17;
  --p-citron-300: #cdf89e;
  --p-citron-400: #b9f578;
  --p-citron-500: #a5f252;
  --p-sauge-100: #f6f8f1;
  --p-sauge-200: #edf1e8;
  --p-sauge-400: #bdcbb5;
  --p-sauge-700: #526654;
  --p-sauge-800: #40554a;
  --p-sauge-900: #354c3e;
  --p-sauge-survol: #dbe7d7;
  --p-sauge-survol-texte: #173a28;
  --p-statut-erreur-clair: #a8291f;
  --p-statut-erreur-sombre: #ff9e8f;
  --p-statut-succes-clair: #2b6040;
  --p-blanc: #ffffff;
  --police: "DM Sans", Arial, sans-serif;
  --graisse-normale: 400; --graisse-moyenne: 500; --graisse-grasse: 600; --graisse-logo: 650;
  --taille-legende: 12px; --taille-controle: 14px; --taille-corps: 16px; --taille-chapo: 18px; --taille-titre-2: 26px;
  --taille-titre-1: clamp(36px, 4vw, 56px); --taille-affichage: clamp(48px, 6.7vw, 96px);
  --interligne-affichage: 1.02; --interligne-titre: 1.08; --interligne-carte: 1.2; --interligne-chapo: 1.65; --interligne-corps: 1.75;
  --approche-affichage: -0.075em; --approche-titre: -0.055em; --approche-carte: -0.038em; --approche-large: 0.015em;
  --espace-050: 4px; --espace-100: 8px; --espace-150: 12px; --espace-200: 16px; --espace-300: 24px; --espace-400: 32px; --espace-600: 48px; --espace-800: 64px; --espace-1000: 80px;
  --ecart-controles: var(--espace-150); --interne-controle: var(--espace-300); --interne-carte: var(--espace-400); --gouttiere: var(--espace-300); --bloc: var(--espace-600);
  --section: var(--espace-1000); --fondu: 160px; --entete-haut: 20px; --ancre: 96px; --contenu-max: 1200px;
  --rayon-controle: 999px; --rayon-champ: 10px; --rayon-carte: 14px; --rayon-superpose: 18px;
  --duree-rapide: 150ms; --duree-moyenne: 200ms; --duree-lente: 350ms; --duree-expressive: 800ms;
  --courbe-douce: cubic-bezier(0.25, 0.1, 0.25, 1); --courbe-vive: cubic-bezier(0.22, 1, 0.36, 1); --courbe-lineaire: linear;
  --duree-ressort: 500ms; --courbe-ressort: linear(0, 0.049, 0.194, 0.419, 0.699, 1, 1.282, 1.507, 1.649, 1.695, 1.65, 1.536, 1.385, 1.228, 1.095, 1, 0.947, 0.929, 0.934, 0.95, 0.968, 0.982, 0.992, 0.997, 0.999, 1);
  --survol-distance: -2px; --survol-echelle-controle: 1.02; --survol-echelle-surface: 1.01; --lueur-flou: 18px; --lueur-etendue: 0px;
  --apparition-distance: 16px; --appui-echelle: 0.97; --fondu-ecrans: 1.6;
  --entete-hauteur: 56px; --entete-flou: 16px; --bouton-grand: 54px; --bouton-normal: 44px; --focus-epaisseur: 2px; --champ-hauteur: 48px; --selecteur-hauteur: 36px;
}
@supports not (transition-timing-function: linear(0, 1)) { :root { --courbe-ressort: cubic-bezier(0.34, 1.56, 0.64, 1); } }
@media (max-width: 720px) { :root { --interne-carte: var(--espace-300); --section: var(--espace-800); --entete-haut: 12px; } }
[data-theme="daf"] {
  --fond-pied: var(--p-prune-900);
  --fond-page: var(--p-ivoire-100);
  --fond-surface: var(--p-prune-050);
  --fond-bande: var(--p-prune-100);
  --fond-bande-appuyee: var(--p-prune-200);
  --fond-superpose: var(--p-ivoire-050);
  --fond-entete: rgb(251 248 244 / 0.78);
  --fond-champ: var(--p-ivoire-050);
  --fond-discret-survol: var(--p-prune-100);
  --fond-discret-appuye: var(--p-prune-200);
  --fond-action-repos: var(--p-prune-700);
  --fond-action-survol: var(--p-prune-750);
  --fond-action-appuye: var(--p-prune-800);
  --fond-secondaire-survol: var(--p-prune-100);
  --fond-secondaire-appuye: var(--p-prune-200);
  --fond-desactive: var(--p-prune-100);
  --fond-selectionne: var(--p-prune-800);
  --fond-voile: rgb(56 33 63 / 0.5);
  --texte-principal: var(--p-prune-900);
  --texte-secondaire: var(--p-prune-600);
  --texte-sur-action: var(--p-blanc);
  --texte-sur-selectionne: var(--p-blanc);
  --texte-lien-repos: var(--p-prune-700);
  --texte-lien-survol: var(--p-prune-800);
  --texte-lien-visite: var(--p-prune-600);
  --texte-desactive: var(--p-prune-400);
  --texte-erreur: var(--p-statut-erreur-clair);
  --texte-succes: var(--p-statut-succes-clair);
  --texte-marque: var(--p-prune-450);
  --bordure-defaut: var(--p-prune-300);
  --bordure-controle: var(--p-prune-400);
  --bordure-champ: var(--p-prune-500);
  --bordure-focus: var(--p-prune-900);
  --bordure-erreur: var(--p-statut-erreur-clair);
  --selecteur-survol-autre: var(--p-sauge-survol);
  --selecteur-survol-autre-texte: var(--p-sauge-survol-texte);
  --lueur: rgb(167 128 170 / 0.45);
  --ombre-posee: 0 7px 16px rgb(56 33 63 / 0.07); --ombre-superposee: 0 18px 48px rgb(56 33 63 / 0.094); --ombre-flottante: 0 24px 64px rgb(56 33 63 / 0.14), 0 4px 12px rgb(56 33 63 / 0.06);
  color-scheme: light;
}
[data-theme="daf"] [data-surface="inverse"], [data-theme="daf"][data-surface="inverse"], [data-theme="daf"] [data-surface="pied"] {
  --fond-pied: var(--p-prune-900);
  --fond-page: var(--p-prune-900);
  --fond-surface: var(--p-prune-800);
  --fond-bande: var(--p-prune-800);
  --fond-bande-appuyee: var(--p-prune-750);
  --fond-superpose: var(--p-prune-800);
  --fond-entete: rgb(56 33 63 / 0.72);
  --fond-champ: var(--p-prune-800);
  --fond-discret-survol: var(--p-prune-800);
  --fond-discret-appuye: var(--p-prune-750);
  --fond-action-repos: var(--p-prune-150);
  --fond-action-survol: var(--p-ivoire-050);
  --fond-action-appuye: var(--p-prune-200);
  --fond-secondaire-survol: var(--p-prune-800);
  --fond-secondaire-appuye: var(--p-prune-750);
  --fond-desactive: var(--p-prune-800);
  --fond-selectionne: var(--p-prune-150);
  --fond-voile: rgb(56 33 63 / 0.5);
  --texte-principal: var(--p-ivoire-050);
  --texte-secondaire: var(--p-prune-350);
  --texte-sur-action: var(--p-prune-800);
  --texte-sur-selectionne: var(--p-prune-800);
  --texte-lien-repos: var(--p-ivoire-050);
  --texte-lien-survol: var(--p-blanc);
  --texte-lien-visite: var(--p-prune-350);
  --texte-desactive: var(--p-prune-400);
  --texte-erreur: var(--p-statut-erreur-sombre);
  --texte-succes: var(--p-citron-400);
  --texte-marque: var(--p-prune-450);
  --bordure-defaut: var(--p-prune-750);
  --bordure-controle: var(--p-prune-400);
  --bordure-champ: var(--p-prune-400);
  --bordure-focus: var(--p-ivoire-050);
  --bordure-erreur: var(--p-statut-erreur-sombre);
  --selecteur-survol-autre: var(--p-foret-850);
  --selecteur-survol-autre-texte: var(--p-citron-400);
  --lueur: rgb(217 204 220 / 0.35);
  --ombre-posee: 0 7px 16px rgb(56 33 63 / 0.07); --ombre-superposee: 0 18px 48px rgb(56 33 63 / 0.094); --ombre-flottante: 0 24px 64px rgb(56 33 63 / 0.14), 0 4px 12px rgb(56 33 63 / 0.06);
  color-scheme: dark;
}
[data-theme="trend"] {
  --fond-pied: var(--p-foret-900);
  --fond-page: var(--p-foret-950);
  --fond-surface: var(--p-foret-900);
  --fond-bande: var(--p-foret-850);
  --fond-bande-appuyee: var(--p-foret-750);
  --fond-superpose: var(--p-foret-900);
  --fond-entete: rgb(7 31 23 / 0.72);
  --fond-champ: var(--p-foret-900);
  --fond-discret-survol: var(--p-foret-850);
  --fond-discret-appuye: var(--p-foret-750);
  --fond-action-repos: var(--p-citron-400);
  --fond-action-survol: var(--p-citron-300);
  --fond-action-appuye: var(--p-citron-500);
  --fond-secondaire-survol: var(--p-foret-900);
  --fond-secondaire-appuye: var(--p-foret-850);
  --fond-desactive: var(--p-foret-850);
  --fond-selectionne: var(--p-citron-400);
  --fond-voile: rgb(7 31 23 / 0.6);
  --texte-principal: var(--p-foret-050);
  --texte-secondaire: var(--p-foret-300);
  --texte-sur-action: var(--p-foret-950);
  --texte-sur-selectionne: var(--p-foret-950);
  --texte-lien-repos: var(--p-citron-400);
  --texte-lien-survol: var(--p-foret-050);
  --texte-lien-visite: var(--p-foret-100);
  --texte-desactive: var(--p-foret-500);
  --texte-erreur: var(--p-statut-erreur-sombre);
  --texte-succes: var(--p-citron-400);
  --texte-marque: var(--p-citron-400);
  --bordure-defaut: var(--p-foret-700);
  --bordure-controle: var(--p-foret-500);
  --bordure-champ: var(--p-foret-400);
  --bordure-focus: var(--p-citron-400);
  --bordure-erreur: var(--p-statut-erreur-sombre);
  --selecteur-survol-autre: var(--p-prune-100);
  --selecteur-survol-autre-texte: var(--p-prune-900);
  --lueur: rgb(165 242 82 / 0.38);
  --ombre-posee: 0 7px 16px rgb(0 0 0 / 0.32); --ombre-superposee: 0 18px 48px rgb(0 0 0 / 0.45); --ombre-flottante: 0 32px 80px rgb(7 31 23 / 0.55), 0 4px 12px rgb(7 31 23 / 0.35);
  color-scheme: dark;
}
[data-theme="trend"] [data-surface="inverse"], [data-theme="trend"][data-surface="inverse"] {
  --fond-pied: var(--p-foret-900);
  --fond-page: var(--p-foret-100);
  --fond-surface: var(--p-foret-100);
  --fond-bande: var(--p-foret-100);
  --fond-bande-appuyee: var(--p-foret-050);
  --fond-superpose: var(--p-foret-050);
  --fond-entete: rgb(239 245 232 / 0.78);
  --fond-champ: var(--p-foret-050);
  --fond-discret-survol: var(--p-foret-050);
  --fond-discret-appuye: var(--p-foret-050);
  --fond-action-repos: var(--p-foret-800);
  --fond-action-survol: var(--p-foret-900);
  --fond-action-appuye: var(--p-foret-950);
  --fond-secondaire-survol: var(--p-foret-050);
  --fond-secondaire-appuye: var(--p-foret-050);
  --fond-desactive: var(--p-foret-050);
  --fond-selectionne: var(--p-foret-800);
  --fond-voile: rgb(7 31 23 / 0.6);
  --texte-principal: var(--p-foret-950);
  --texte-secondaire: var(--p-foret-600);
  --texte-sur-action: var(--p-foret-050);
  --texte-sur-selectionne: var(--p-foret-050);
  --texte-lien-repos: var(--p-foret-800);
  --texte-lien-survol: var(--p-foret-950);
  --texte-lien-visite: var(--p-foret-600);
  --texte-desactive: var(--p-foret-500);
  --texte-erreur: var(--p-statut-erreur-clair);
  --texte-succes: var(--p-statut-succes-clair);
  --texte-marque: var(--p-foret-800);
  --bordure-defaut: var(--p-foret-300);
  --bordure-controle: var(--p-foret-600);
  --bordure-champ: var(--p-foret-600);
  --bordure-focus: var(--p-foret-950);
  --bordure-erreur: var(--p-statut-erreur-clair);
  --selecteur-survol-autre: var(--p-prune-100);
  --selecteur-survol-autre-texte: var(--p-prune-900);
  --lueur: rgb(165 242 82 / 0.55);
  --ombre-posee: 0 7px 16px rgb(0 0 0 / 0.32); --ombre-superposee: 0 18px 48px rgb(0 0 0 / 0.45); --ombre-flottante: 0 32px 80px rgb(7 31 23 / 0.55), 0 4px 12px rgb(7 31 23 / 0.35);
  color-scheme: light;
}
[data-theme="trend"] [data-surface="pied"] { --fond-page: var(--p-foret-900); }
@media (prefers-reduced-motion: reduce) { :root { --survol-distance: 0px; --survol-echelle-controle: 1; --survol-echelle-surface: 1; --apparition-distance: 0px; --appui-echelle: 1; --duree-lente: 0ms; --duree-expressive: 0ms; } }