/* FAQ AI · design token: unica fonte per colori, font, spazi, bordi e ombre. */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/BricolageGrotesque-var.woff2") format("woff2");
  font-weight: 400 800;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

:root {
  --paper: #f2ede2;
  --paper-2: #e7dfcd;
  --ink: #1d1b18;
  --ink-muted: #5b5448;
  --on-ink: var(--paper);
  --rule-soft: #c9bfa9;
  --riso-red: #a5392a;
  --riso-red-soft: #f0cfc3;
  --riso-blue: #2d5876;
  --riso-blue-soft: #d3dde2;
  --mustard: #d4a53a;
  --highlight: #efd99b;
  --focus: var(--riso-blue);

  --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;

  --radius-0: 0;
  --radius-sm: 3px;
  --radius-pill: 999px;

  --shadow-offset: 4px 4px 0 #1d1b18;
  --shadow-offset-lg: 8px 8px 0 #1d1b18;

  --border-hair: 1px;
  --border-bold: 2px;
  --border-heavy: 4px;

  --measure-text: 38rem;
  --measure-page: 72rem;

  --font-sans: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}