/* Generated from docs/tokens/*.md by scripts/compile-tokens.mjs. Do not edit. */
:root {
  --ds-grid-cell: 4px;
  --ds-space-4: 4px;
  --ds-space-8: 8px;
  --ds-space-16: 16px;
  --ds-space-24: 24px;
  --ds-space-32: 32px;
  --ds-space-window: var(--ds-space-16);
  --ds-space-panel: var(--ds-space-8);
  --ds-space-gap: var(--ds-space-8);
  --ds-radius-4: 4px;
  --ds-radius-8: 8px;
  --ds-radius-12: 12px;
  --ds-radius-corner: var(--ds-radius-4);
  --ds-slider-height: calc(var(--ds-grid-cell) * 8);
  --ds-slider-radius: var(--ds-radius-corner);
  --ds-slider-gap: var(--ds-space-8);
  --ds-slider-label: calc(var(--ds-grid-cell) * 24);
  --ds-slider-value: calc(var(--ds-grid-cell) * 18);
  --ds-slider-give: var(--ds-space-8);
  --ds-slider-divider: light-dark(color-mix(in srgb, var(--ds-color-text) 9%, transparent), color-mix(in srgb, var(--ds-color-text) 12%, transparent));
  --ds-dropdown-inset: var(--ds-space-4);
  --ds-dropdown-rows: 8;
  --ds-dropdown-gap: 1;
  --ds-motion-clock: 240ms;
  --ds-motion-follow: calc(var(--ds-motion-clock) * var(--ds-motion-follow-share));
  --ds-motion-follow-share: 0.5;
  --ds-motion-ease: cubic-bezier(0.6, 0, 0, 1);
  --ds-motion-bounce: cubic-bezier(0.6, 0, 0, 1.25);
  --ds-motion-state: 48ms;
  --ds-motion-state-ease: var(--ds-motion-ease);
  --ds-motion-exit: cubic-bezier(1, 0, 0.4, 1);
  --ds-motion-recede: cubic-bezier(0.16, 1, 0.3, 1);
  --ds-motion-loop: calc(var(--ds-motion-clock) * 4);
  --ds-press-hold: 120ms;
  --ds-press-box: 0.96;
  --ds-press-label: 0.9;
  --ds-press-box-budget: 2px;
  --ds-press-label-budget: 3px;
  --ds-color-page: light-dark(#f6f6f7, #0d0e12);
  --ds-color-inactive: light-dark(#e6e6e9, #1a1b21);
  --ds-color-active: light-dark(#5c5d63, #a3a4a7);
  --ds-color-stroke: light-dark(#d1d1d6, #2b2c31);
  --ds-color-stroke-active: light-dark(#17181c, #f2f2f3);
  --ds-color-text: light-dark(#17181c, #f2f2f3);
  --ds-color-text-dim: light-dark(#5c5d63, #a3a4a7);
  --ds-color-focus: light-dark(#1a7f37, #58ff7b);
  --ds-stroke-inactive: var(--ds-color-stroke);
  --ds-stroke-inactive-width: 1px;
  --ds-stroke-active: var(--ds-color-stroke-active);
  --ds-stroke-active-width: 0px;
  --ds-type-family: "Instrument Sans", system-ui, sans-serif;
  --ds-type-size: 16px;
  --ds-type-weight: 400;
  --ds-type-line: 1.5;
  --ds-icon-small: 0.875;
  --ds-icon-medium: 1;
  --ds-icon-large: 1.25;
  --ds-icon-scale: var(--ds-icon-medium);
  --ds-icon-weight: 1.5px;
  --ds-state-hover: 10%;
  --ds-state-held: 16%;
  --ds-state-hover-edge: var(--ds-stroke-inactive);
  --ds-state-hover-edge-width: 0px;
  --ds-state-hover-text: var(--ds-color-text);
  --ds-state-held-edge: var(--ds-stroke-inactive);
  --ds-state-held-edge-width: 0px;
  --ds-state-held-text: var(--ds-color-text);
  --ds-state-recede: 0.3;
  --ds-color-canvas: var(--ds-color-page);
  --ds-color-field: var(--ds-color-inactive);
  --ds-color-line: var(--ds-color-stroke);
  --ds-color-dim: var(--ds-color-text-dim);
  --ds-color-ink: var(--ds-color-text);
  --ds-color-measure: var(--ds-color-focus);
  --ds-color-off: #ff5263;
  --ds-font-sans: "Instrument Sans", system-ui, sans-serif;
  --ds-font-mono: "Geist Mono", ui-monospace, Consolas, monospace;
  --ds-hair: 1px;
  --ds-text-14: 14px;
  --ds-text-11: 11px;
  --ds-text-15: 15px;
  --ds-text-16: 16px;
  --ds-text-32: 32px;
}