/* Généré par bin/build-css.php depuis design/tokens.json. Ne pas modifier à la main. */

:root {
  --link: var(--zone);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --font-display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --surface: #f5f6f1;
  --surface-raised: #ffffff;
  --surface-sunken: #ebeee6;
  --line: #d8ddd2;
  --line-strong: #808a7c;
  --ink: #0e1a15;
  --ink-muted: #4c5952;
  --ink-subtle: #5f6b64;
  --zone: #087352;
  --zone-strong: #06573f;
  --zone-soft: #e2f4ec;
  --on-zone: #ffffff;
  --zone-glow: #3dd6a0;
  --ticket: #f4b400;
  --ticket-soft: #fff1c7;
  --ticket-ink: #7a5300;
  --on-ticket: #1e1600;
  --danger: #b42318;
  --danger-soft: #fde6e2;
  --info: #1d5ba8;
  --info-soft: #e2edfb;
  --night: #0d2a21;
  --on-night: #e8f3ee;
  --on-night-muted: #a3bdb2;
  --shadow-sm: 0 1px 2px #0e1a150d, 0 1px 3px #0e1a1514;
  --shadow-lg: 0 2px 6px #0e1a1512, 0 12px 28px -8px #0e1a152e;
  --focus-ring: 0 0 0 2px #f5f6f1, 0 0 0 4px #087352;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #0a1210;
    --surface-raised: #111c18;
    --surface-sunken: #070d0b;
    --line: #22302b;
    --line-strong: #5c6d66;
    --ink: #e9f1ed;
    --ink-muted: #a7b6af;
    --ink-subtle: #93a39c;
    --zone: #3dd6a0;
    --zone-strong: #6be6ba;
    --zone-soft: #0e3a2b;
    --on-zone: #04211a;
    --zone-glow: #3dd6a0;
    --ticket: #f6c744;
    --ticket-soft: #3a2c05;
    --ticket-ink: #f6c744;
    --on-ticket: #1e1600;
    --danger: #ff8b7b;
    --danger-soft: #3e140f;
    --info: #82b5ff;
    --info-soft: #11284a;
    --night: #0f201a;
    --on-night: #e8f3ee;
    --on-night-muted: #a3bdb2;
    --shadow-sm: 0 1px 2px #00000080;
    --shadow-lg: 0 12px 32px -8px #000000cc;
    --focus-ring: 0 0 0 2px #0a1210, 0 0 0 4px #3dd6a0;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --surface: #0a1210;
  --surface-raised: #111c18;
  --surface-sunken: #070d0b;
  --line: #22302b;
  --line-strong: #5c6d66;
  --ink: #e9f1ed;
  --ink-muted: #a7b6af;
  --ink-subtle: #93a39c;
  --zone: #3dd6a0;
  --zone-strong: #6be6ba;
  --zone-soft: #0e3a2b;
  --on-zone: #04211a;
  --zone-glow: #3dd6a0;
  --ticket: #f6c744;
  --ticket-soft: #3a2c05;
  --ticket-ink: #f6c744;
  --on-ticket: #1e1600;
  --danger: #ff8b7b;
  --danger-soft: #3e140f;
  --info: #82b5ff;
  --info-soft: #11284a;
  --night: #0f201a;
  --on-night: #e8f3ee;
  --on-night-muted: #a3bdb2;
  --shadow-sm: 0 1px 2px #00000080;
  --shadow-lg: 0 12px 32px -8px #000000cc;
  --focus-ring: 0 0 0 2px #0a1210, 0 0 0 4px #3dd6a0;
  color-scheme: dark;
}