.ui-surface {
  border: 1px solid var(--border);
  color: var(--text);
  box-shadow: var(--shadow-lg);
}

.ui-glass {
  backdrop-filter: var(--blur-sm);
}

.ui-chip {
  padding: 10px 14px;
  border-radius: var(--radius-pill);
  background: rgba(12, 12, 18, 0.6);
  color: var(--muted);
  border: 1px solid var(--border);
}

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

.ui-rounded-md {
  border-radius: var(--radius-md);
}

.ui-rounded-sm {
  border-radius: var(--radius-sm);
}