.callout {
  padding: var(--space-3);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-sunken);
  color: var(--color-text);
  font-size: var(--text-sm);
}

.callout--success {
  border-color: var(--color-primary-border);
  background-color: var(--color-success-subtle);
  color: var(--color-success-text);
}

.callout--warning {
  border-color: var(--color-warning);
  background-color: var(--color-warning-subtle);
}

.callout--danger {
  border-color: var(--color-danger);
  background-color: var(--color-danger-subtle);
  color: var(--color-danger-text);
}