/*
  Utilities (optional)
  Keep these minimal and predictable.
*/

.u-text-muted {
  color: var(--text-muted) !important;
}

.u-text-subtle {
  color: var(--text-subtle) !important;
}

.u-card-section-title {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--text-strong);
}

.u-gap-2 {
  gap: var(--space-2) !important;
}

.u-gap-3 {
  gap: var(--space-3) !important;
}

.u-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.u-rounded {
  border-radius: var(--radius-lg) !important;
}

.u-elevated {
  box-shadow: var(--shadow-md) !important;
}