/*
 * ui-utilities.css
 * Utility classes kecil untuk melengkapi komponen utama.
 */

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

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

.ui-surface-soft {
  background: var(--ui-surface-soft) !important;
}

.ui-border-soft {
  border: 1px solid var(--ui-border-soft) !important;
}

.ui-radius-pill {
  border-radius: var(--ui-radius-pill) !important;
}

.ui-shadow-soft {
  box-shadow: var(--ui-shadow-sm) !important;
}

.ui-shadow-lift {
  box-shadow: var(--ui-shadow-md) !important;
}