body.kagameel-context {
  --bg: var(--kagameel-milk, #f6f3ed);
  --ink: var(--kagameel-ink, #191817);
  --accent: var(--kagameel-coral, #f05b45);
  --accent-2: var(--kagameel-blue, #4c55d9);
  background: var(--kagameel-milk, #f6f3ed);
  color: var(--kagameel-ink, #191817);
}

.kagameel-context .diag-header {
  border-bottom-color: rgb(25 24 23 / 17%);
}

.kagameel-context .diag-header .title {
  letter-spacing: .08em;
}

.kagameel-context .primary {
  border-color: var(--kagameel-ink, #191817);
  background: var(--kagameel-ink, #191817);
}

.kagameel-context .bar i {
  background: var(--kagameel-coral, #f05b45);
}

.kagameel-context .choice-button:hover,
.kagameel-context .choice-button:focus-visible {
  border-color: var(--kagameel-blue, #4c55d9);
}

.kagameel-brand-note {
  margin: 18px auto 0;
  color: #716e68;
  font-size: 11px;
  letter-spacing: .04em;
  text-align: center;
}

.kagameel-context.result-page {
  background: var(--kagameel-milk, #f6f3ed);
}

.kagameel-context .result-topnav {
  border-bottom-color: rgb(25 24 23 / 17%);
  background: rgb(246 243 237 / 94%);
}

.kagameel-context .result-topnav-title {
  color: var(--kagameel-ink, #191817);
  letter-spacing: .12em;
}