:root {
  --navy: #0B2E4F;
  --gold:  #F2A900;
}

body { background: #F8FAFC; }

/* Nav */
.navbar-csb { background: var(--navy); }
.brand-dot { color: var(--gold); }

/* Buttons */
.btn-navy { background: var(--navy); color: #fff; border-color: var(--navy); }
.btn-navy:hover { background: #0a2440; color: #fff; }
.btn-outline-navy { color: var(--navy); border-color: var(--navy); }
.btn-outline-navy:hover { background: var(--navy); color: #fff; }
.btn-gold  { background: var(--gold);  color: var(--navy); font-weight: 700; border-color: var(--gold); }
.btn-gold:hover { background: #d99800; color: var(--navy); }

/* Typography */
.text-navy { color: var(--navy) !important; }

/* Login */
.brand-logo-circle {
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--navy); color: var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; font-weight: 900;
}

/* Wizard big choice */
.big-choice {
  display: flex; align-items: center; gap: 14px;
  border: 2px solid #E2E8F0; border-radius: 10px; padding: 16px 20px;
  cursor: pointer; transition: border-color .15s, background .15s;
}
.big-choice:hover { border-color: var(--navy); background: #F1F5F9; }
.big-choice.selected { border-color: var(--navy); background: #EBF4FF; }
.big-choice input[type=radio], .big-choice input[type=checkbox] { flex-shrink: 0; width: 20px; height: 20px; }
.choice-label { font-size: 16px; font-weight: 600; }

/* Progress dots */
.progress-dots .dot {
  width: 10px; height: 10px; border-radius: 50%;
  background: #CBD5E1; transition: background .2s;
}
.progress-dots .dot.done { background: var(--navy); }
.progress-dots .dot.active { background: var(--gold); }

/* Alert navy soft */
.alert-navy-soft { background: #EBF4FF; border-color: #BFDBFE; color: var(--navy); }

/* btn-csb alias */
.btn-csb { background: var(--navy); color: #fff; border-color: var(--navy); }
.btn-csb:hover { background: #0a2440; color: #fff; }