/* Design system du site Autoviza®. Généré par design/outils/jetons.py depuis design/tokens.json : ne pas modifier à la main. */

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../font/PlusJakartaSans-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --av-violet: #7356bf;
  --av-violet-survol: #5a3ea3;
  --av-violet-pale: #f1edfa;
  --av-vert-achat: #047857;
  --av-vert-achat-survol: #065f46;
  --av-encre: #131130;
  --av-gris-sur-encre: #c9c8d6;
  --av-gris-fonce: #424159;
  --av-gris-texte: #717083;
  --av-gris-trait: #dcdce3;
  --av-aplat: #f5f7fa;
  --av-aplat-fonce: #e5eaf0;
  --av-gris-exemple: #6b6a7e;
  --av-fond-champ: #f0f2f5;
  --av-info-pale: #eef4fb;
  --av-plaque-bande: #003399;
  --av-blanc: #ffffff;
  --av-succes: #116641;
  --av-succes-pale: #e7f9f1;
  --av-attention: #874a00;
  --av-attention-pale: #fef5e7;
  --av-erreur: #b42318;
  --av-erreur-survol: #8f1b12;
  --av-erreur-pale: #fef3f2;
  --av-voile: rgba(0, 0, 0, 0.4);
  --av-voile-appui: rgba(0, 0, 0, 0.08);
  --av-desactive-fond: #f0f2f5;
  --av-desactive-texte: #a9a8b5;
  --av-desactive-trait: #c9c8d6;
  --av-voile-survol: rgba(0, 0, 0, 0.04);
  --av-serie-1: #7356bf;
  --av-serie-2: #e87ba4;
  --av-serie-3: #008300;
  --av-serie-4: #eda100;
  --av-serie-5: #2a78d6;
  --av-serie-6: #1baf7a;
  --av-notation-1: #e74c3c;
  --av-notation-2: #c17a0a;
  --av-notation-3: #a5860a;
  --av-notation-4: #699832;
  --av-notation-5: #259c64;
  --av-partenaire-carte: #717083;
  --av-source-fond: #f5f7fa;
  --av-source-trait: #dcdce3;
  --av-source-texte: #424159;
  --av-e1: 4px;
  --av-e2: 8px;
  --av-e3: 12px;
  --av-e4: 16px;
  --av-e5: 24px;
  --av-e6: 32px;
  --av-e7: 48px;
  --av-e8: 64px;
  --av-e9: 96px;
  --av-rayon: 5px;
  --av-rayon-controle: 8px;
  --av-rayon-bloc: 10px;
  --av-rayon-pilule: 999px;
  --av-ombre-flottant: 0 16px 16px rgba(145, 127, 192, 0.08), 0 8px 8px rgba(145, 127, 192, 0.08), 0 4px 4px rgba(145, 127, 192, 0.08), 0 2px 2px rgba(145, 127, 192, 0.08), 0 1px 1px rgba(145, 127, 192, 0.08);
  --av-ombre-flottant-haut: 0 -16px 16px rgba(145, 127, 192, 0.08), 0 -8px 8px rgba(145, 127, 192, 0.08), 0 -4px 4px rgba(145, 127, 192, 0.08), 0 -2px 2px rgba(145, 127, 192, 0.08), 0 -1px 1px rgba(145, 127, 192, 0.08);
  --av-flou: 4px;
  --av-largeur: 1080px;
  --av-largeur-feuille: 1024px;
  --av-largeur-lecture: 40rem;
  --av-largeur-tache: 480px;
  --av-largeur-centree: 760px;
  --av-largeur-navigation: 240px;
  --av-largeur-fenetre: 35rem;
  --av-largeur-reassurance: 22rem;
  --av-largeur-illustration: 26rem;
  --av-largeur-illustration-telephone: 18rem;
  --av-largeur-bulle: 22rem;
  --av-largeur-visite: 20rem;
  --av-largeur-image-aide: 16rem;
  --av-gouttiere: 16px;
  --av-gouttiere-large: 32px;
  --av-hauteur-entete: 64px;
  --av-hauteur-controle: 48px;
  --av-hauteur-controle-grand: 56px;
  --av-hauteur-champ-grand: 60px;
  --av-case: 17px;
  --av-trait-filet: 1px;
  --av-trait-pointille: 2px;
  --av-trait-focus: 2px;
  --av-decalage-focus: 2px;
  --av-trait-controle: 2px;
  --av-cible: 44px;
  --av-icone-petite: 16px;
  --av-icone-grande: 32px;
  --av-icone: 20px;
  --av-hauteur-bandeau: 52px;
  --av-hauteur-logo-rapport: 30px;
  --av-epaisseur-frise: 8px;
  --av-pastille-frise: 20px;
  --av-opacite-eteinte: 0.4;
  --av-opacite-degrade: 0.12;
  --av-duree: 250ms;
  --av-courbe: ease;
  --av-duree-entree: 400ms;
  --av-courbe-entree: cubic-bezier(0.22, 1, 0.36, 1);
  --av-duree-sortie: 200ms;
  --av-courbe-sortie: cubic-bezier(0.11, 0, 0.5, 0);
  --av-courbe-ressort: cubic-bezier(0.27, 1.06, 0.18, 1);
  --av-duree-compteur: 1200ms;
  --av-z-dessus: 10;
  --av-z-entete: 1000;
  --av-z-modale: 9999;
  --av-police-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --av-police-systeme: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --av-texte-titre-1: 700 32px/40px var(--av-police-sans);
  --av-chasse-titre-1: -0.01em;
  --av-texte-titre-2: 700 24px/32px var(--av-police-sans);
  --av-chasse-titre-2: -0.01em;
  --av-texte-titre-3: 700 20px/28px var(--av-police-sans);
  --av-chasse-titre-3: 0;
  --av-texte-titre-4: 700 18px/24px var(--av-police-sans);
  --av-chasse-titre-4: 0;
  --av-texte-chapeau: 500 18px/28px var(--av-police-sans);
  --av-chasse-chapeau: 0;
  --av-texte-courant: 500 16px/24px var(--av-police-sans);
  --av-chasse-courant: 0;
  --av-texte-courant-fort: 700 16px/24px var(--av-police-sans);
  --av-chasse-courant-fort: 0;
  --av-texte-nom: 600 16px/24px var(--av-police-sans);
  --av-chasse-nom: 0;
  --av-texte-court: 500 14px/20px var(--av-police-sans);
  --av-chasse-court: 0;
  --av-texte-libelle: 600 14px/16px var(--av-police-sans);
  --av-chasse-libelle: 0;
  --av-texte-option: 400 14px/20px var(--av-police-sans);
  --av-chasse-option: 0;
  --av-texte-aide: 400 12px/20px var(--av-police-sans);
  --av-chasse-aide: 0;
  --av-texte-bouton: 600 16px/20px var(--av-police-sans);
  --av-chasse-bouton: 0;
  --av-texte-legende: 500 12px/16px var(--av-police-sans);
  --av-chasse-legende: 0;
  --av-texte-etiquette: 700 12px/16px var(--av-police-sans);
  --av-chasse-etiquette: 0;
}

.av-texte-titre-1 { font-family: var(--av-police-sans); font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -0.01em; }
.av-texte-titre-2 { font-family: var(--av-police-sans); font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -0.01em; }
.av-texte-titre-3 { font-family: var(--av-police-sans); font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: 0; }
.av-texte-titre-4 { font-family: var(--av-police-sans); font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0; }
.av-texte-chapeau { font-family: var(--av-police-sans); font-size: 18px; line-height: 28px; font-weight: 500; letter-spacing: 0; }
.av-texte-courant { font-family: var(--av-police-sans); font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: 0; }
.av-texte-courant-fort { font-family: var(--av-police-sans); font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: 0; }
.av-texte-nom { font-family: var(--av-police-sans); font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: 0; }
.av-texte-court { font-family: var(--av-police-sans); font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0; }
.av-texte-libelle { font-family: var(--av-police-sans); font-size: 14px; line-height: 16px; font-weight: 600; letter-spacing: 0; }
.av-texte-option { font-family: var(--av-police-sans); font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }
.av-texte-aide { font-family: var(--av-police-sans); font-size: 12px; line-height: 20px; font-weight: 400; letter-spacing: 0; }
.av-texte-bouton { font-family: var(--av-police-sans); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: 0; }
.av-texte-legende { font-family: var(--av-police-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0; }
.av-texte-etiquette { font-family: var(--av-police-sans); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0; }

@media (min-width: 960px) {
  :root {
    --av-texte-titre-1: 700 44px/52px var(--av-police-sans);
    --av-texte-titre-2: 700 32px/40px var(--av-police-sans);
  }
  .av-texte-titre-1 { font-size: 44px; line-height: 52px; }
  .av-texte-titre-2 { font-size: 32px; line-height: 40px; }
}