:root {
  --vs-ink: #1d1d1f;
  --vs-paper: #ffffff;
  --vs-muted: #6b6b6b;
  --vs-line: #eaeaea;
  --vs-signal: #007a3d;
  --vs-warning: #8a4b00;
  --vs-focus: #0070f3;
  --vs-panel: #fafafa;
  --vs-code-paper: #f5f5f5;
  --vs-selection: #d9f7e6;
  --vs-font-display: "Geist Variable", "Segoe UI", sans-serif;
  --vs-font-body: "Geist Variable", "Segoe UI", sans-serif;
  --vs-font-mono: "Geist Mono Variable", "Cascadia Code", Menlo, monospace;
  --vs-text-xs: 0.75rem;
  --vs-text-sm: 0.875rem;
  --vs-text-md: 1rem;
  --vs-text-lg: 1.25rem;
  --vs-text-xl: 1.5rem;
  --vs-text-2xl: 2rem;
  --vs-text-3xl: 3rem;
  --vs-text-4xl: 4.5rem;
  --vs-title-measure: 15ch;
  --vs-title-measure-compact: 18ch;
  --vs-code-scale: 0.9em;
  --vs-code-leading: 1.65;
  --vs-space-1: 0.25rem;
  --vs-space-2: 0.5rem;
  --vs-space-3: 0.75rem;
  --vs-space-4: 1rem;
  --vs-space-6: 1.5rem;
  --vs-space-8: 2rem;
  --vs-space-12: 3rem;
  --vs-space-16: 4rem;
  --vs-space-20: 5rem;
  --vs-space-24: 6rem;
  --vs-radius-xs: 2px;
  --vs-radius-sm: 4px;
  --vs-radius-md: 8px;
  --vs-stroke: 1px;
  --vs-stroke-accent: 3px;
  --vs-stroke-focus: 2px;
  --vs-duration: 160ms;
  --vs-duration-reduced: 0.01ms;
  --vs-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  color-scheme: light;
}
