:root {
  --ui-space-1: 0.25rem;
  --ui-space-2: 0.5rem;
  --ui-space-3: 0.75rem;
  --ui-space-4: 1rem;
  --ui-space-5: 1.5rem;
  --ui-space-6: 2rem;

  --ui-radius-1: 0.25rem;
  --ui-radius-2: 0.5rem;
  --ui-radius-3: 0.75rem;
  --ui-radius-pill: 999px;

  --ui-font-size-1: 0.75rem;
  --ui-font-size-2: 0.875rem;
  --ui-font-size-3: 1rem;
  --ui-font-size-4: 1.125rem;
  --ui-font-size-5: 1.375rem;

  --ui-color-surface: rgba(255, 255, 255, 0.02);
  --ui-color-surface-strong: rgba(255, 255, 255, 0.05);
  --ui-color-border: rgba(139, 148, 158, 0.3);
  --ui-color-text: inherit;
  --ui-color-muted: #8b949e;
  --ui-color-info: #58a6ff;
  --ui-color-success: #3fb950;
  --ui-color-warning: #d29922;
  --ui-color-danger: #f85149;

  --ui-z-base: 1;
  --ui-z-sticky: 10;
  --ui-z-drawer: 40;
  --ui-z-overlay: 80;

  --ui-breakpoint-sm: 480px;
  --ui-breakpoint-md: 768px;
  --ui-breakpoint-lg: 1024px;

  --ui-tap-target-min: 44px;
}