:root {
  --waki-font-sans: inherit;
  --waki-color-bg: #fff;
  --waki-color-bg-light: #f9fafb;
  --waki-color-bg-alt: #f8fafc;
  --waki-color-border: #e5e7eb;
  --waki-color-text: #111;
  --waki-color-muted: #6b7280;
  --waki-color-primary: #85c441;
  --waki-color-danger: #dc2626;
  --waki-color-warning: #d97706;
  --waki-radius-sm: 0.375rem;
  --waki-radius-md: 0.5rem;
  --waki-radius-lg: 1rem;
  --waki-radius-pill: 999px;
  --waki-space-4: 0.25rem;
  --waki-space-8: 0.5rem;
  --waki-space-16: 1rem;
  --waki-space-24: 1.5rem;
  --waki-space-32: 2rem;
  --waki-hit-target: 2.5rem;
  --waki-shadow-sm: 0 0.0625rem 0.125rem rgba(0,0,0,0.05);
  --waki-shadow-md: 0 0.125rem 0.5rem rgba(0,0,0,0.15);
  --waki-shadow-lg: 0 0.25rem 0.75rem rgba(0,0,0,0.1);
  --waki-hover-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1);
  --ink: var(--waki-color-text);
  --muted: var(--waki-color-muted);
  --panel: var(--waki-color-bg);
  --brand: var(--waki-color-primary);
  --accent: #111827;
  --gap-sm: 1rem;
  --gap-md: 1.25rem;
  --gap-lg: 1.5rem;
  --r: var(--waki-radius-lg);
  --shadow: var(--waki-shadow-md);
}

.waki-ui {
  --ink: var(--waki-color-text);
  --muted: var(--waki-color-muted);
  --panel: var(--waki-color-bg);
  --brand: var(--waki-color-primary);
  --accent: #111827;
  --gap-sm: 1rem;
  --gap-md: 1.25rem;
  --gap-lg: 1.5rem;
  --r: var(--waki-radius-lg);
  --shadow: var(--waki-shadow-md);
  color: var(--ink);
  background-color: var(--panel);
}