/* Legacy bridge: keep historical class names alive while the UI is
   migrated to design-tokens.css + design-components.css. */

:root {
  --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --success-gradient: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
  --warning-gradient: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
  --danger-gradient: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  --bg-primary: #0f172a;
  --bg-secondary: #111827;
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.78);
}

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.gradient-primary {
  background: var(--primary-gradient);
}

.gradient-text {
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-primary {
  background: var(--primary-gradient);
}

.btn-success {
  background: var(--success-gradient);
}

.btn-warning {
  background: var(--warning-gradient);
}

.btn-danger {
  background: var(--danger-gradient);
}