:root {
  --hop-red: #be6674;
  --hop-red-dark: #9e4f5d;
}

.hkdeal { --hk-red: #be6674; }

.idea-bar .idea-t.on { background: var(--hop-red); border-color: var(--hop-red); }

input:focus {
  box-shadow: 0 0 0 3px rgba(190, 102, 116, 0.12);
}

textarea:focus {
  box-shadow: 0 0 0 3px rgba(190, 102, 116, 0.12);
}

.day-current { box-shadow: 0 0 0 3px rgba(190, 102, 116, 0.18); }

a.pill:hover { box-shadow: 0 0 0 2px rgba(190, 102, 116, 0.25); }

.chips input:focus-visible + label { box-shadow: 0 0 0 3px rgba(190, 102, 116, 0.3); }

#code:focus { box-shadow: 0 0 0 3px rgba(190, 102, 116, 0.12); }

.bar {
  background: var(--brand-blue);
  color: #fff;
}
.bar a, .bar button { color: #fff; }

:root { --brand-blue: #1d4ed8; }