/* Généré par api/scripts/generer-tokens.mjs depuis docs/design-system/project/tokens.json (design system version 7). Ne pas modifier à la main. */
:root {
  --lin: #f1f2ee;
  --lin-releve: #ffffff;
  --lin-profond: #e6e9e3;
  --encre: #14201f;
  --encre-douce: #56625f;
  --filet: #d3d8d2;
  --vert: #1d5a3e;
  --sur-vert: #ffffff;
  --or: #b27409;
  --sur-or: #1d1503;
  --signal: #c8412c;
  --sur-signal: #ffffff;
  --alerte: #8a2f5b;
  --atteste: #1f5f8b;
  --agent-ardoise: #3d5466;
  --agent-terre: #84502f;
  --agent-lilas: #5f4a8b;
  --agent-bleu: #2f64a8;
  --sur-agent: #ffffff;
  --font-texte: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-trace: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-carnet: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --pas-1: 4px;
  --pas-2: 8px;
  --pas-3: 12px;
  --pas-4: 16px;
  --pas-6: 24px;
  --pas-8: 32px;
  --pas-10: 40px;
  --pas-12: 48px;
  --pas-16: 64px;
  --arrondi-doux: 6px;
  --arrondi-carte: 16px;
  --arrondi-telephone: 40px;
  --arrondi-plein: 999px;
  --instant: 80ms;
  --court: 160ms;
  --fondu: 240ms;
  --apparition: 480ms;
  --echelon: 90ms;
  --glisse: 640ms;
  --respiration: 4s;
  --replique: 1600ms;
  --temps-fort: 4800ms;
  --pause-finale: 4000ms;
  color-scheme: light;
}
[data-theme="discret"] {
  --lin: #11171a;
  --lin-releve: #1a2226;
  --lin-profond: #0c1113;
  --encre: #e8ecea;
  --encre-douce: #9aa6a2;
  --filet: #2c363a;
  --vert: #6cc39a;
  --sur-vert: #0b1415;
  --or: #e7b04a;
  --sur-or: #1d1503;
  --signal: #f0705a;
  --sur-signal: #1f0a06;
  --alerte: #e48ab4;
  --atteste: #7fb8e0;
  --agent-ardoise: #93adc2;
  --agent-terre: #d7a07a;
  --agent-lilas: #b5a2e0;
  --agent-bleu: #94b8f0;
  --sur-agent: #0b1415;
  color-scheme: dark;
}
.t-affiche { font-family: var(--font-texte); font-size: 40px; line-height: 44px; font-weight: 600; letter-spacing: -0.6px; }
.t-titre-ecran { font-family: var(--font-texte); font-size: 24px; line-height: 30px; font-weight: 600; letter-spacing: -0.2px; }
.t-intertitre { font-family: var(--font-texte); font-size: 18px; line-height: 24px; font-weight: 600; }
.t-corps { font-family: var(--font-texte); font-size: 16px; line-height: 24px; font-weight: 400; }
.t-petit { font-family: var(--font-texte); font-size: 14px; line-height: 20px; font-weight: 400; }
.t-etiquette { font-family: var(--font-texte); font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: 0.2px; }
.t-affiche-site { font-family: var(--font-texte); font-size: 56px; line-height: 60px; font-weight: 600; letter-spacing: -1.2px; }
.t-titre-section { font-family: var(--font-texte); font-size: 32px; line-height: 38px; font-weight: 600; letter-spacing: -0.4px; }
.t-chapo { font-family: var(--font-texte); font-size: 18px; line-height: 28px; font-weight: 400; }
.t-prix { font-family: var(--font-texte); font-size: 40px; line-height: 44px; font-weight: 600; letter-spacing: -0.6px; }
.t-mention { font-family: var(--font-texte); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.6px; }
.t-suggestion { font-family: var(--font-texte); font-size: 22px; line-height: 30px; font-weight: 500; }
.t-horodatage { font-family: var(--font-trace); font-size: 12px; line-height: 16px; font-weight: 500; }
.t-chrono { font-family: var(--font-trace); font-size: 28px; line-height: 32px; font-weight: 500; }
.t-titre-document { font-family: var(--font-carnet); font-size: 22px; line-height: 28px; font-weight: 600; }
.t-intertitre-document { font-family: var(--font-carnet); font-size: 15px; line-height: 20px; font-weight: 600; }
.t-corps-document { font-family: var(--font-texte); font-size: 13px; line-height: 20px; font-weight: 400; }
@keyframes respiration { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes fondu { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .respire, .fondu { animation: none !important; } }