/* Design System Praxis Office V2 — generated from tokens.json */
:root,[data-theme="sombre"]{
  --petrole:#35778A;
  --petrole-clair:#72B7CA;
  --petrole-fonce:#1F4A57;
  --petrole-nuit:#12303A;
  --minuit:#0A191D;
  --soleil:#FFC94A;
  --lilas:#C3B5F5;
  --encre:#333333;
  --blanc:#FFFFFF;
  --gris-clair:#F3F4F6;
  --creme:#FCFBF8;
  --creme-fonce:#F5F3EE;
  --page:var(--minuit);
  --surface:#1E2B2F;
  --media:#ffffff0f;
  --line:#2C393D;
  --line-strong:#ffffff66;
  --text:var(--blanc);
  --text-2:#ffffffc7;
  --text-3:#ffffffa3;
  --accent:var(--soleil);
  --link:var(--petrole-clair);
  --action:var(--blanc);
  --on-action:var(--minuit);
  --chip:#ffffff14;
  --contrast:var(--blanc);
  --on-contrast:var(--encre);
  --on-contrast-2:#555555;
  --accent-contrast:var(--petrole);
  --action-contrast:var(--minuit);
  --on-action-contrast:var(--blanc);
  --chip-contrast:var(--gris-clair);
  --space-1:8px;
  --space-2:16px;
  --space-3:20px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:56px;
  --space-8:96px;
  --space-9:120px;
  --space-10:64px;
  --space-11:72px;
  --container:1200px;
  --radius-s:4px;
  --radius-m:8px;
  --radius-l:16px;
  --radius-xl:24px;
  --radius-pill:999px;
  --font-sans:Geist, Inter, system-ui, sans-serif;
  --font-mono:"IBM Plex Mono", ui-monospace, monospace;
}
[data-theme="clair"]{
  --page:var(--blanc);
  --surface:var(--creme);
  --media:var(--creme-fonce);
  --line:#33333326;
  --line-strong:#33333366;
  --text:var(--encre);
  --text-2:#555555;
  --text-3:#666666;
  --accent:var(--petrole);
  --link:var(--petrole);
  --action:var(--petrole);
  --on-action:var(--blanc);
  --chip:#3333330f;
  --contrast:var(--petrole-fonce);
  --on-contrast:var(--blanc);
  --on-contrast-2:#ffffffc7;
  --accent-contrast:var(--soleil);
  --action-contrast:var(--blanc);
  --on-action-contrast:var(--petrole-fonce);
  --chip-contrast:#ffffff1f;
}

.h1{font-family:var(--font-sans);font-size:40px;line-height:44px;font-weight:500;letter-spacing:0}
.h2{font-family:var(--font-sans);font-size:32px;line-height:40px;font-weight:500;letter-spacing:0}
.title{font-family:var(--font-sans);font-size:28px;line-height:36px;font-weight:500;letter-spacing:0}
.h3{font-family:var(--font-sans);font-size:20px;line-height:28px;font-weight:500;letter-spacing:0}
.h4{font-family:var(--font-sans);font-size:18px;line-height:24px;font-weight:500;letter-spacing:0}
.lead{font-family:var(--font-sans);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}
.body{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400;letter-spacing:0}
.small{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0}
.stat{font-family:var(--font-sans);font-size:40px;line-height:44px;font-weight:500;letter-spacing:0}
.label{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0}
.micro{font-family:var(--font-mono);font-size:10px;line-height:12px;font-weight:400;letter-spacing:0}