body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #f5f5f0 !important;
}

html {
  background-color: #f5f5f0;
}

.site-header {
  background-color: #ffd500;
}

button:focus-visible,
input:focus-visible {
  outline: 2px solid #ce3535;
  outline-offset: 2px;
}

#app {
  min-height: 100vh;
}

.step-indicator .step-active {
  background-color: #ffd500;
  border-color: #ce3535;
  color: #1a1a1a;
  font-weight: 700;
}

.step-indicator .step-done {
  background-color: #ce3535;
  border-color: #ce3535;
  color: #fff;
}

.step-indicator .step-todo {
  background-color: #fff;
  border-color: #d1d5db;
  color: #9ca3af;
}