/* Généré par design-system/tokens/build.py à partir de tokens.json : ne pas modifier à la main. */
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/bricolage-grotesque-latin-700-normal.48e4b00b03b4.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible Next"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/atkinson-hyperlegible-next-latin-400-normal.e8da57bc0c3d.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible Next"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/atkinson-hyperlegible-next-latin-700-normal.617b4197a93a.woff2") format("woff2"); }

:root {
  --mz-font-display: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --mz-font-body: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --mz-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --mz-font-weight-regular: 400;
  --mz-font-weight-strong: 700;
  --mz-font-weight-display: 700;
  --mz-font-size-xs: 0.8125rem;
  --mz-font-size-sm: 0.9375rem;
  --mz-font-size-md: 1.0625rem;
  --mz-font-size-lg: 1.25rem;
  --mz-font-size-xl: 1.5rem;
  --mz-font-size-2xl: 2.125rem;
  --mz-font-size-3xl: 3rem;
  --mz-line-height-tight: 1.15;
  --mz-line-height-normal: 1.6;
  --mz-letter-spacing-display: -0.01em;
  --mz-letter-spacing-label: 0.06em;
  --mz-space-1: 0.25rem;
  --mz-space-2: 0.5rem;
  --mz-space-3: 0.75rem;
  --mz-space-4: 1rem;
  --mz-space-6: 1.5rem;
  --mz-space-8: 2rem;
  --mz-space-12: 3rem;
  --mz-space-16: 4rem;
  --mz-space-24: 6rem;
  --mz-radius-sm: 6px;
  --mz-radius-md: 10px;
  --mz-radius-lg: 16px;
  --mz-radius-pill: 999px;
  --mz-color-bg: #f7f8f6;
  --mz-color-surface: #ffffff;
  --mz-color-surface-alt: #eef2ef;
  --mz-color-hover: #f0f4f1;
  --mz-color-fg: #18211d;
  --mz-color-fg-muted: #4f5b55;
  --mz-color-accent: #1f5f4a;
  --mz-color-accent-hover: #174a39;
  --mz-color-on-accent: #ffffff;
  --mz-color-accent-soft: #dcebe3;
  --mz-color-on-accent-soft: #123c2f;
  --mz-color-border: #e3e8e4;
  --mz-color-border-strong: #8a958f;
  --mz-color-focus: #1f5f4a;
  --mz-color-danger: #b3261e;
  --mz-color-danger-soft: #fbeeec;
  --mz-color-badge: #dc2f26;
  --mz-color-on-badge: #ffffff;
  --mz-color-label-1: #2b74d9;
  --mz-color-label-2: #d9670b;
  --mz-color-label-3: #8150e0;
  --mz-color-file-text: #2b5fb8;
  --mz-color-file-sheet: #1e7a3c;
  --mz-color-file-slide: #c2560f;
  --mz-color-file-pdf: #b42318;
  --mz-color-file-form: #3949ab;
  --mz-color-label-4: #23934a;
  --mz-color-label-5: #d6336c;
  --mz-color-label-6: #0e8a9a;
  --mz-color-label-7: #b07d00;
  --mz-color-label-8: #d0342c;
  --mz-shadow-card: 0 1px 2px rgb(24 33 29 / 0.06), 0 4px 16px rgb(24 33 29 / 0.06);
  --mz-tint-event: 18%;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mz-color-bg: #101513;
    --mz-color-surface: #161d1a;
    --mz-color-surface-alt: #131a17;
    --mz-color-hover: #1b2420;
    --mz-color-fg: #e6ece8;
    --mz-color-fg-muted: #a9b6af;
    --mz-color-accent: #5cbf95;
    --mz-color-accent-hover: #74cba5;
    --mz-color-on-accent: #0b1a13;
    --mz-color-accent-soft: #1f3a2f;
    --mz-color-on-accent-soft: #c4ecd9;
    --mz-color-border: #232c28;
    --mz-color-border-strong: #5d6a64;
    --mz-color-focus: #7fd1ad;
    --mz-color-danger: #ff9c92;
    --mz-color-danger-soft: #3a1e1b;
    --mz-color-badge: #dc2f26;
    --mz-color-on-badge: #ffffff;
    --mz-color-label-1: #6ea8ff;
    --mz-color-label-2: #ff9b4d;
    --mz-color-label-3: #b495ff;
    --mz-color-file-text: #86aef2;
    --mz-color-file-sheet: #6fcf8f;
    --mz-color-file-slide: #f0995a;
    --mz-color-file-pdf: #f3897e;
    --mz-color-file-form: #a3acf5;
    --mz-color-label-4: #5ccf87;
    --mz-color-label-5: #ff7aa8;
    --mz-color-label-6: #4fd0dc;
    --mz-color-label-7: #f2c94c;
    --mz-color-label-8: #ff7d74;
    --mz-shadow-card: none;
    --mz-tint-event: 24%;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --mz-color-bg: #101513;
  --mz-color-surface: #161d1a;
  --mz-color-surface-alt: #131a17;
  --mz-color-hover: #1b2420;
  --mz-color-fg: #e6ece8;
  --mz-color-fg-muted: #a9b6af;
  --mz-color-accent: #5cbf95;
  --mz-color-accent-hover: #74cba5;
  --mz-color-on-accent: #0b1a13;
  --mz-color-accent-soft: #1f3a2f;
  --mz-color-on-accent-soft: #c4ecd9;
  --mz-color-border: #232c28;
  --mz-color-border-strong: #5d6a64;
  --mz-color-focus: #7fd1ad;
  --mz-color-danger: #ff9c92;
  --mz-color-danger-soft: #3a1e1b;
  --mz-color-badge: #dc2f26;
  --mz-color-on-badge: #ffffff;
  --mz-color-label-1: #6ea8ff;
  --mz-color-label-2: #ff9b4d;
  --mz-color-label-3: #b495ff;
  --mz-color-file-text: #86aef2;
  --mz-color-file-sheet: #6fcf8f;
  --mz-color-file-slide: #f0995a;
  --mz-color-file-pdf: #f3897e;
  --mz-color-file-form: #a3acf5;
  --mz-color-label-4: #5ccf87;
  --mz-color-label-5: #ff7aa8;
  --mz-color-label-6: #4fd0dc;
  --mz-color-label-7: #f2c94c;
  --mz-color-label-8: #ff7d74;
  --mz-shadow-card: none;
  --mz-tint-event: 24%;
  color-scheme: dark;
}