/* GENERATED FROM vslabs-tokens.json by scripts/build-theme.mjs. Do not edit.
   VS Labs tokens v1. Re-run `npm run build:theme` after changing the tokens.
   The only file under site/ allowed to hold a colour literal or a font-family name. */
:root {
  color-scheme: only light;
  --lab: #f2f4f3;
  --mat-line: rgba(10,10,10,0.055);
  --ink: #0a0a0a;
  --ink-muted: #4b524f;
  --ink-caption: #5f6663;
  --ink-faint: #9aa19e;
  --glass-fill: rgba(233,236,234,0.65);
  --glass-edge: #cfd4d1;
  --glass-white: rgba(255,255,255,0.55);
  --glass-fill-dense: rgba(233,236,234,1);
  --lit: #c6f55a;
  --lit-edge: #a9d93a;
  --lit-glow: rgba(198,245,90,0.55);
  --lit-ink: #3a7d00;
  --settled: rgba(111,182,255,0.28);
  --settled-edge: #b9d6f2;
  --settled-ink: #4f6478;
  --signal: #ff7a1a;
  --signal-ink: #b34700;
  --capture: #111614;
  --capture-ink: #e6ebe8;
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -1px 0 rgba(10,10,10,0.05), 0 1px 2px rgba(10,10,10,0.06);
  --shadow-lit-bloom: inset 0 1px 0 rgba(255,255,255,0.7), 0 0 0 6px rgba(198,245,90,0.28), 0 0 28px rgba(198,245,90,0.55);
  --shadow-tube-glow: 0 0 10px rgba(198,245,90,0.9), 0 0 24px rgba(198,245,90,0.6);
  --opacity-glass-alpha: 0.65;
  --opacity-settled-alpha: 0.28;
  --opacity-capture-dim: 0.92;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 18px;
  --space-6: 36px;
  --space-8: 72px;
  --radius-puck: 16px;
  --radius-frame: 20px;
  --radius-pill: 999px;
  --radius-none: 0px;
  --size-post-w: 1080px;
  --size-post-h: 1350px;
  --size-puck-h: 104px;
  --size-tube-h: 4px;
  --size-avatar: 400px;
  --size-banner-w: 1500px;
  --size-banner-h: 500px;
  --size-og-w: 1200px;
  --size-og-h: 630px;
  --size-button: 36px;
  --size-button-l: 54px;
  --size-chip: 27px;
  --size-column-1280: 1080px;
  --size-column-768: 612px;
  --size-column-390: 288px;
  --size-measure: 504px;
  --size-code-block: 720px;
  --size-edge: 1px;
  --size-edge-focus: 2px;
  --size-breakpoint-768: 768px;
  --size-breakpoint-1280: 1280px;
  --mat: 36px;
  --font-sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --type-display-xl-size: 76px;
  --type-display-xl-leading: 0.98;
  --type-display-xl-weight: 700;
  --type-display-xl-tracking: -0.03em;
  --type-display-xl-family: var(--font-sans);
  --type-display-l-size: 44px;
  --type-display-l-leading: 1.02;
  --type-display-l-weight: 700;
  --type-display-l-tracking: -0.04em;
  --type-display-l-family: var(--font-sans);
  --type-display-m-size: 28px;
  --type-display-m-leading: 1.15;
  --type-display-m-weight: 600;
  --type-display-m-tracking: -0.02em;
  --type-display-m-family: var(--font-sans);
  --type-caption-size: 27px;
  --type-caption-leading: 1.35;
  --type-caption-weight: 400;
  --type-caption-tracking: 0;
  --type-caption-family: var(--font-sans);
  --type-lede-size: 22px;
  --type-lede-leading: 1.4;
  --type-lede-weight: 400;
  --type-lede-tracking: 0;
  --type-lede-family: var(--font-sans);
  --type-body-size: 17px;
  --type-body-leading: 1.5;
  --type-body-weight: 400;
  --type-body-tracking: 0;
  --type-body-family: var(--font-sans);
  --type-ui-size: 15px;
  --type-ui-leading: 1.4;
  --type-ui-weight: 500;
  --type-ui-tracking: 0;
  --type-ui-family: var(--font-sans);
  --type-value-size: 34px;
  --type-value-leading: 1;
  --type-value-weight: 500;
  --type-value-tracking: 0;
  --type-value-family: var(--font-mono);
  --type-micro-size: 12px;
  --type-micro-leading: 1.4;
  --type-micro-weight: 500;
  --type-micro-tracking: 0.14em;
  --type-micro-family: var(--font-mono);
  --type-micro-l-size: 13px;
  --type-micro-l-leading: 1.4;
  --type-micro-l-weight: 500;
  --type-micro-l-tracking: 0.14em;
  --type-micro-l-family: var(--font-mono);
  --type-note-size: 12px;
  --type-note-leading: 1.7;
  --type-note-weight: 400;
  --type-note-tracking: 0.06em;
  --type-note-family: var(--font-mono);
  --type-index-size: 12px;
  --type-index-leading: 1.4;
  --type-index-weight: 400;
  --type-index-tracking: 0.12em;
  --type-index-family: var(--font-mono);
  --type-code-size: 14px;
  --type-code-leading: 1.6;
  --type-code-weight: 400;
  --type-code-tracking: 0;
  --type-code-family: var(--font-mono);
  --type-code-inline-size: 0.88em;
  --type-code-inline-leading: 1;
  --type-code-inline-weight: 400;
  --type-code-inline-tracking: 0;
  --type-code-inline-family: var(--font-mono);
  --display-xl-390: 40px;
  --display-xl-768: 60px;
  --display-xl-1280: 76px;
  --display-l-390: 36px;
  --display-l-768: 40px;
  --display-l-1280: 44px;
  --display-m-390: 24px;
  --display-m-768: 26px;
  --display-m-1280: 28px;
  --motion-step: 3000ms;
  --motion-state: 400ms;
  --motion-settle: 600ms;
  --motion-tube: 500ms;
  --motion-swap: 400ms;
}