/* Generated by scripts/tokens.ts from design/abso/tokens.json (Design's "abso" system). Don't edit: change tokens.json. */

@font-face {
  font-family: "Recursive Sans";
  src: url("fonts/RecursiveSans.woff2") format("woff2");
  font-weight: 300 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Recursive Mono";
  src: url("fonts/RecursiveMono.woff2") format("woff2");
  font-weight: 300 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --paper: #0f1114;
  --surface: #16191e;
  --raised: #1d2127;
  --wash: #1c2026;
  --select: #232933;
  --rule: #2a2e35;
  --rule-strong: #6b6f77;
  --ink: #e9e6de;
  --on-ink: #0f1114;
  --muted: #a09c92;
  --gutter: #86827a;
  --faint: #6c6961;
  --new: var(--ink);
  --pass: #4cc38e;
  --pass-wash: #15281f;
  --fail: #f2695b;
  --fail-wash: #2e1816;
  --agent-1: #2d69ae;
  --on-agent-1: #ffffff;
  --agent-2: #ef6404;
  --on-agent-2: #0f1114;
  --agent-3: #1a9fe4;
  --on-agent-3: #0f1114;
  --agent-4: #9e5020;
  --on-agent-4: #ffffff;
  --agent-5: #088f80;
  --on-agent-5: #0f1114;
  --agent-6: #936adb;
  --on-agent-6: #0f1114;
  --agent-7: #a18f40;
  --on-agent-7: #0f1114;
  --agent-8: #a83983;
  --on-agent-8: #ffffff;
  --syn-plain: #d6d2c8;
  --syn-keyword: var(--ink);
  --syn-comment: #97938a;
  --syn-string: #b5c4a1;
  --syn-number: #dcb08a;
  --syn-function: #a3c2e2;
  --syn-type: #c6b6e2;
  --syn-punct: #9c988f;

  --font-sans: "Recursive Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Recursive Mono", ui-monospace, Menlo, Consolas, monospace;
  --type-display: 750 26px/32px var(--font-sans);
  --track-display: -0.02em;
  --type-heading: 650 18px/24px var(--font-sans);
  --track-heading: -0.01em;
  --type-body: 400 15px/23px var(--font-sans);
  --type-ui: 450 13px/20px var(--font-sans);
  --type-caption: 500 12px/16px var(--font-sans);
  --track-caption: 0.01em;
  --type-code: 400 13px/20px var(--font-mono);
  --type-path: 500 13px/20px var(--font-mono);
  --type-number: 600 13px/20px var(--font-mono);
  --type-kbd: 600 11px/16px var(--font-mono);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 40px;
  --radius: 6px;
  --radius-card: 10px;
  --radius-pill: 999px;
  --pop: 0 12px 32px rgba(0, 0, 0, 0.55), 0 0 0 1px #2a2e35;
  --tree-width: 280px;
  --panel-width: 400px;
  --row: 28px;
  --row-listing: 36px;
  --code-row: 20px;
  --measure: 1120px;
}