/* CRAXAS V0 design tokens. Mirrors src/config/tokens.js (renderer side). */
@font-face {
  font-family: "Inter Var";
  src: url("../vendor/fonts/inter/files/inter-latin-opsz-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono Var";
  src: url("../vendor/fonts/jetbrains-mono/files/jetbrains-mono-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --graphite-950: #0b0c0e;
  --graphite-900: #121418;
  --graphite-850: #171a1f;
  --line: #2e333a;
  --line-soft: rgba(237, 235, 230, 0.08);
  --ivory: #edebe6;
  --ivory-2: #a2a7ad;
  --ivory-3: #70767d;
  --qualify: #d9a441;
  --escalate: #86b9cc;
  --block: #d0654f;
  --signal: #7fd3a3;

  --font-sans: "Inter Var", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono Var", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --gutter: clamp(20px, 4.4vw, 64px);
  --header-h: 64px;

  --t-kicker: 500 12px/16px var(--font-mono);
  --t-display: 500 clamp(40px, 5vw, 72px)/1.05 var(--font-sans);
  --t-h2: 500 clamp(32px, 3.6vw, 52px)/1.08 var(--font-sans);
  --t-lede: 400 clamp(16px, 1.35vw, 19px)/1.55 var(--font-sans);
  --t-body: 400 15px/1.6 var(--font-sans);
  --t-anno: 400 11px/16px var(--font-mono);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}