:root {
  --color-paper: oklch(98% 0.003 255);
  --color-surface: oklch(99.5% 0.001 255);
  --color-hover: oklch(95.5% 0.007 255);
  --color-selected: oklch(96% 0.017 255);
  --color-ink: oklch(25% 0.016 255);
  --color-muted: oklch(48% 0.017 255);
  --color-rule: oklch(86% 0.009 255);
  --color-control: oklch(61% 0.015 255);
  --color-accent: oklch(48% 0.19 258);
  --color-accent-ink: oklch(99% 0.003 255);
  --color-focus: oklch(15% 0.016 255);
  --color-error: oklch(44% 0.16 25);
  --font-display: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-display: 2rem;
  --radius-sm: 0.375rem;
  --rule-width: 1px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
}