/* Benoît Marchal — design system « Calque technique » : jetons (couleurs, espacements, rayons, mise en page, polices).
   Généré depuis le design system. Ne pas éditer à la main : toute valeur se change dans le design system, puis ce fichier est régénéré.
   Thème par défaut : calque (clair). Le thème tirage (sombre) n'est actif que sous un élément data-theme="tirage". */
:root, [data-theme="calque"] {
  --calque: #f5f6f2;
  --papier: #ffffff;
  --brume: #e6ecf3;
  --trame-claire: #d9e1eb;
  --encre: #0e1f3a;
  --ardoise: #44546a;
  --bleu-tirage: #12305b;
  --bleu-nuit: #0b1e38;
  --bleu-ciel: #9dbbe6;
  --orange-annotation: #ff5a1f;
  --orange-brique: #b23c0c;
  --orange-pale: #ffe3d6;
  --surface: var(--calque);
  --surface-raised: var(--papier);
  --surface-sunken: var(--brume);
  --surface-nav: rgba(245, 246, 242, 0.9);
  --trame: var(--trame-claire);
  --line: #cbd4e0;
  --line-strong: #738399;
  --ink: var(--encre);
  --ink-secondary: var(--ardoise);
  --ink-muted: #56647a;
  --accent: var(--bleu-tirage);
  --action: var(--bleu-tirage);
  --action-hover: var(--bleu-nuit);
  --on-action: var(--papier);
  --band: var(--bleu-tirage);
  --band-trame: #21487d;
  --on-band: #f2f5f9;
  --on-band-muted: #b3c6e0;
  --signal: var(--orange-annotation);
  --signal-text: var(--orange-brique);
  --signal-tint: var(--orange-pale);
  --on-signal: var(--encre);
  --success: #1c6e4c;
  --focus: var(--orange-brique);
  --discipline-architecture: #7f8a9c;
  --discipline-structure: #1f9a4e;
  --discipline-mep: #2a78e0;
  --shadow-sheet: 6px 6px 0 0 #12305b;
  --shadow-nav: 0 1px 0 0 #cbd4e0;
}
[data-theme="tirage"] {
  --surface: #0f2747;
  --surface-raised: #163460;
  --surface-sunken: var(--bleu-nuit);
  --surface-nav: rgba(15, 39, 71, 0.9);
  --trame: #1d3c66;
  --line: #2c4c79;
  --line-strong: #7b96bd;
  --ink: #f2f5f9;
  --ink-secondary: #c4d0e0;
  --ink-muted: #a3b5cf;
  --accent: var(--bleu-ciel);
  --action: var(--orange-annotation);
  --action-hover: #ff7b48;
  --on-action: var(--encre);
  --band: var(--bleu-nuit);
  --band-trame: #183358;
  --on-band: #f2f5f9;
  --on-band-muted: #a3b5cf;
  --signal: var(--orange-annotation);
  --signal-text: #ff9f78;
  --signal-tint: #3a2f45;
  --on-signal: var(--encre);
  --success: #6fd3a2;
  --focus: #ff9f78;
  --discipline-architecture: #a8b3c4;
  --discipline-structure: #52cf82;
  --discipline-mep: #62a3f7;
  --shadow-sheet: 6px 6px 0 0 #ff5a1f;
  --shadow-nav: 0 1px 0 0 #2c4c79;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-0: 0;
  --radius-xs: 2px;
  --radius-full: 999px;
  --container: 1400px;
  --container-narrow: 880px;
  --measure: 640px;
  --nav-height: 72px;
  --grid-pitch: 24px;
  --hairline: 1px;
  --stroke: 1.5px;
  --tick: 14px;
  --breakpoint-tablet: 1024px;
  --breakpoint-mobile: 768px;
  --font-sans: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
@font-face { font-family: "Space Grotesk"; src: url("fonts/SpaceGrotesk-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("fonts/SpaceGrotesk-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("fonts/SpaceGrotesk-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }