/* file: assets/css/site.css */
:root {
  --bg: #0e1117;
  --card: #161b22;
  --text: #e6edf3;
  --muted: #8b949e;
  --primary: #2f81f7;
  --accent: #3fb950;
}
body {
  background: radial-gradient(circle at top left, #1b2538, var(--bg));
  color: var(--text);
  min-height: 100vh;
}
.wizard-card {
  max-width: 760px;
  background: linear-gradient(180deg, #171d27, #121821);
  border: 1px solid #2a3240;
  border-radius: 1rem;
  padding: 1.5rem;
}
.form-control,
.form-select {
  background: #0f141c;
  border-color: #2a3240;
  color: var(--text);
}
.form-control:focus,
.form-select:focus {
  background: #0f141c;
  color: var(--text);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem rgba(47, 129, 247, 0.2);
}
.btn-primary { background: var(--primary); border-color: var(--primary); }
.btn-success { background: var(--accent); border-color: var(--accent); }
.step { animation: fadeIn .35s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px);} to { opacity: 1; transform: translateY(0);} }