/* Modern theme styling and transitions */
.theme-container {
  font-family: var(--font-family-theme);
  line-height: 1.5;
}

.theme-card {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-theme-sm);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-theme-lg);
}

.theme-button {
  border-radius: var(--radius-sm);
  transition: all 0.2s ease;
}

.theme-button:hover {
  transform: scale(1.02);
}

.theme-input {
  border-radius: var(--radius-sm);
  transition: border-color 0.2s ease;
}

.theme-badge {
  border-radius: 9999px;
}