:root {
  --radius-sm: 6px;
  --radius-md: 10px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
}

.ui-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.ui-inline {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.ui-mono {
  font-family: var(--mono, monospace);
}

.ui-muted {
  color: var(--ink3, #9a9590);
}

.ui-card-soft {
  border: 1px solid var(--border, #e5e7eb);
  border-radius: var(--radius-md);
  background: #fff;
}