/* Jetons Fewbricks, générés depuis brand/tokens.json. Ne pas modifier à la main. */
:root {
  --paper: #ffffff;
  --wash: #f1f3f7;
  --ink: #152033;
  --ink-2: #4c5869;
  --rule: #d3d9e2;
  --blue: #1f3f7a;
  --on-blue: #ffffff;
  --blue-tint: #e6ecf8;
  --clay: #cf5c36;
  --ok: #17693f;
  --warn: #8a4b00;
  --crit: #b3261e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 14px;
  --font-display: "Bricolage Grotesque", "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-text: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --paper: #131a26;
    --wash: #0b1018;
    --ink: #e9edf3;
    --ink-2: #aab5c4;
    --rule: #2f3a4a;
    --blue: #9db8f5;
    --on-blue: #0e1626;
    --blue-tint: #24365c;
    --clay: #f08a62;
    --ok: #74d3a0;
    --warn: #f0b463;
    --crit: #ff9a8f;
  }
}

@font-face { font-family: "Bricolage Grotesque"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/instrument-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/instrument-sans-latin-600-normal.woff2") format("woff2"); }

.t-display { font-family: var(--font-display); font-size: 3.5rem; line-height: 1.04; font-weight: 700; letter-spacing: -0.02em; }
.t-title { font-family: var(--font-display); font-size: 2.25rem; line-height: 1.11; font-weight: 700; letter-spacing: -0.015em; }
.t-heading { font-family: var(--font-display); font-size: 1.5rem; line-height: 1.25; font-weight: 700; letter-spacing: -0.01em; }
.t-subheading { font-family: var(--font-display); font-size: 1.125rem; line-height: 1.33; font-weight: 700; }
.t-lead { font-family: var(--font-text); font-size: 1.1875rem; line-height: 1.58; font-weight: 400; }
.t-body { font-family: var(--font-text); font-size: 1rem; line-height: 1.62; font-weight: 400; }
.t-body-strong { font-family: var(--font-text); font-size: 1rem; line-height: 1.62; font-weight: 600; }
.t-small { font-family: var(--font-text); font-size: 0.875rem; line-height: 1.43; font-weight: 400; }
.t-label { font-family: var(--font-text); font-size: 0.75rem; line-height: 1.33; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.t-data { font-family: var(--font-mono); font-size: 0.875rem; line-height: 1.57; font-weight: 400; }