:root {
  --bg: #f5f4fa;
  --ink: #262241;
  --muted: #6a637e;
  --line: #e4e0ee;
  --green: #5043a9;
  --green-dark: #403387;
  --mint: #eeebfc;
  --shadow: 0 10px 40px #3025650d;
}

.zi-shell {
  --zi-accent: #5043a9;
  --zi-ink: #262241;
  --zi-muted: #605a76;
  --zi-line: #e4e0ee;
  background: var(--bg);
}

.zi-steps, .zi-menu[open] summary, .btn.soft {
  background: var(--mint);
  border-color: var(--line);
}
.zi-steps button[aria-current] { color: var(--zi-accent); }
.zi-brand { color: var(--zi-accent); font-size: 18px; text-align: left; }
.institution-badge {
  display: inline-block;
  border-radius: 5px;
  padding: 2px 6px;
  background: var(--mint);
  font-size: 11px;
  white-space: nowrap;
  vertical-align: middle;
}

.login-intro { background: #eeebfb; }
.login-intro .brand-title, .login-intro h1 { color: #3e327f; }
.login-intro .brand-sub, .login-intro-main > p, .login-intro-bottom { color: #625681; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #7160ca;
  outline-offset: 2px;
}
.tag.green { color: #176b60; }