:root {
  --bg-0: #08080f;
  --bg-1: #0f0f1a;
  --bg-card: #141420;
  --bg-card-h: #1b1b2e;
  --gold: #c8a96e;
  --gold-light: #e2c98a;
  --gold-dim: rgba(200, 169, 110, 0.12);
  --gold-border: rgba(200, 169, 110, 0.25);
  --text-1: #f0ede6;
  --text-2: #a09cad;
  --text-3: #5f5c6e;
  --radius: 14px;
  --t: 0.3s ease;
  --wood: #4caf7d;
  --fire: #e05c5c;
  --earth: #c8a96e;
  --metal: #9eb8d4;
  --water: #5b8dd9;
}

.form-error {
  display: none;
  background: rgba(224, 92, 92, 0.12);
  border: 1px solid rgba(224, 92, 92, 0.35);
  color: #e58585;
  padding: 0.8rem 1.1rem;
  border-radius: 10px;
  font-size: 0.85rem;
  line-height: 1.6;
  margin-bottom: 1.2rem;
}