.bg-base {
  background: var(--background);
  color: var(--foreground);
}

.bg-card {
  background: var(--card);
  color: var(--card-foreground);
}

.btn-primary {
  background: var(--primary);
  color: var(--primary-foreground);
  border-radius: var(--radius);
}

.btn-primary:hover {
  filter: brightness(0.95);
}

.btn-cta {
  background: var(--secondary);
  color: var(--secondary-foreground);
  border-radius: var(--radius);
}

.text-muted {
  color: var(--muted-foreground);
  opacity: 0.8;
}

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

.focus-ring:focus {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}