/* Généré par `npm run design:css` depuis src/design/jetons.ts. Ne pas modifier à la main. */

:root {
  --taille-display: 56px;
  --taille-h1: 40px;
  --taille-h2: 28px;
  --taille-h3: 20px;
  --taille-corps: 16px;
  --taille-petit: 14px;
  --taille-donnees: 12px;
  --esp-4: 4px;
  --esp-8: 8px;
  --esp-12: 12px;
  --esp-16: 16px;
  --esp-24: 24px;
  --esp-32: 32px;
  --esp-48: 48px;
  --esp-64: 64px;
  --esp-96: 96px;
  --rayon-petit: 8px;
  --rayon-moyen: 14px;
  --rayon-grand: 20px;
  --rayon-pilule: 999px;
  --flou-1: 12px;
  --flou-2: 18px;
  --flou-3: 24px;
}

:root, :root[data-theme="sombre"] {
  color-scheme: dark;
  --bg-deep: #090C09;
  --bg: #171C17;
  --surface: #1A312C;
  --surface-2: #244B43;
  --surface-3: #2A5D51;
  --border: #2A5D51;
  --border-strong: #56AB94;
  --texte: #FEFCF3;
  --texte-courant: #F3FAF7;
  --texte-2: #D1D6D1;
  --desactive: #6C786C;
  --accent: #81F8C5;
  --dore: #F69C27;
  --sur-dore: #171C17;
  --succes: #05DF72;
  --attention: #FFB86A;
  --erreur: #FFA2A2;
  --info: #8EC5FF;
  --fond: linear-gradient(124.69deg, #171C17 0%, #1A312C 50%, #244B43 100%);
  --verre-1-debut: rgba(36, 75, 67, 0.05);
  --verre-1-fin: rgba(36, 75, 67, 0.05);
  --verre-1-bordure: rgba(254, 252, 243, 0.08);
  --verre-1-bordure-haut: rgba(254, 252, 243, 0.16);
  --verre-1-ombre: 12px 12px 40px rgba(0, 0, 0, 0.15);
  --verre-2-debut: rgba(36, 75, 67, 0.62);
  --verre-2-fin: rgba(26, 49, 44, 0.50);
  --verre-2-bordure: rgba(254, 252, 243, 0.10);
  --verre-2-bordure-haut: rgba(254, 252, 243, 0.22);
  --verre-2-ombre: 12px 12px 40px rgba(0, 0, 0, 0.25);
  --verre-3-debut: rgba(36, 75, 67, 0.94);
  --verre-3-fin: rgba(26, 49, 44, 0.90);
  --verre-3-bordure: rgba(254, 252, 243, 0.14);
  --verre-3-bordure-haut: rgba(254, 252, 243, 0.30);
  --verre-3-ombre: 16px 16px 56px rgba(0, 0, 0, 0.45);
}

:root[data-theme="clair"] {
  color-scheme: light;
  --bg-deep: #F3FAF7;
  --bg: #FEFCF3;
  --surface: #F3FAF7;
  --surface-2: #D8EFE7;
  --surface-3: #B1DFCF;
  --border: #B1DFCF;
  --border-strong: #6C786C;
  --texte: #171C17;
  --texte-courant: #3D453E;
  --texte-2: #4F5850;
  --desactive: #9EA89E;
  --accent: #244B43;
  --dore: #F54900;
  --sur-dore: #171C17;
  --succes: #016630;
  --attention: #9F2D00;
  --erreur: #C10007;
  --info: #1447E6;
  --fond: linear-gradient(124.69deg, #FEFCF3 0%, #F3FAF7 50%, #D8EFE7 100%);
  --verre-1-debut: rgba(36, 75, 67, 0.05);
  --verre-1-fin: rgba(36, 75, 67, 0.05);
  --verre-1-bordure: rgba(23, 28, 23, 0.08);
  --verre-1-bordure-haut: rgba(255, 255, 255, 0.90);
  --verre-1-ombre: 12px 12px 40px rgba(23, 28, 23, 0.08);
  --verre-2-debut: rgba(254, 252, 243, 0.82);
  --verre-2-fin: rgba(243, 250, 247, 0.66);
  --verre-2-bordure: rgba(23, 28, 23, 0.10);
  --verre-2-bordure-haut: #FFFFFF;
  --verre-2-ombre: 12px 12px 40px rgba(23, 28, 23, 0.10);
  --verre-3-debut: rgba(254, 252, 243, 0.97);
  --verre-3-fin: rgba(243, 250, 247, 0.92);
  --verre-3-bordure: rgba(23, 28, 23, 0.14);
  --verre-3-bordure-haut: #FFFFFF;
  --verre-3-ombre: 16px 16px 56px rgba(23, 28, 23, 0.16);
}