/* hellobae.in in dark (owner, 24 Oct 2026): loaded after site.css on the home
   page, it turns its light colours into the sign-up page's dark ones. */
:root {
  --brand: #e8418a;
  --muted: #b6a3ad;
  --line: #3a2731;
  --blush: #2a1621;
  --page: #110a0e;
  color-scheme: dark;
}
body {
  background: #110a0e;
  color: #f5edf1;
}
body {
  color: #f5edf1;
  background: #110a0e;
}
.top {
  background: rgba(17, 10, 14, 0.9);
}
.top nav a {
  color: #b6a3ad;
}
.pill.soft {
  background: #211520;
  border-color: #3a2731;
}
.choices span {
  background: #211520;
  border-color: #3a2731;
}
.phone {
  background: #211520;
  border-color: #3a2731;
}
.phone input {
  color: #f5edf1;
}
.phone .count {
  color: #b6a3ad;
}
.join button:disabled {
  background: #4a2a3a;
}
.whatsapp small {
  color: #b6a3ad;
}
.note {
  color: #b6a3ad;
}
.status.ok {
  background: #16291d;
}
.hero {
  background: #2a1621;
}
.hero .lede {
  color: #b6a3ad;
}
.gift {
  background: #2e2414;
}
.cities li {
  background: #211520;
  border-color: #3a2731;
}
.collage .video .pill .dot {
  background: #211520;
}
.match {
  background: #211520;
}
.match .heart {
  background: #3a1729;
}
.match small {
  color: #b6a3ad;
}
.center .sub {
  color: #b6a3ad;
}
.card {
  background: #211520;
}
.card .media .pill .dot {
  background: #211520;
}
.card q {
  color: #b6a3ad;
}
.safety-grid li {
  background: #211520;
  border-color: #3a2731;
}
.safety-grid .icon {
  background: #2a1621;
}
.safety-grid p {
  color: #b6a3ad;
}
.safety-note {
  color: #b6a3ad;
}
.share-buttons a,
.share-buttons button {
  border-color: #3a2731;
  background: #211520;
  color: #f5edf1;
}
.offer .pill {
  color: #f5edf1;
}
.price {
  background: #211520;
  color: #f5edf1;
}
.price p {
  color: #b6a3ad;
}
.steps li::before {
  background: #2a1621;
  border-color: #3a2731;
}
.steps span {
  color: #b6a3ad;
}
.safety {
  background: #211520;
  border-color: #3a2731;
}
.safety li::before {
  background: #16291d;
}
.last {
  background: #2a1621;
}
.doc .updated {
  color: #b6a3ad;
}
label) if it never does: no empty boxes, no broken-image icons. */
.card .media,
.collage .photo {
  background: linear-gradient(135deg, #2a1621, #3a1729);
}
.pulse-card {
  background: #211520;
}
.pulse-close {
  color: #b6a3ad;
}
.pulse-options button {
  border-color: #3a2731;
  background: #2a1621;
  color: #f5edf1;
}
.pulse-note {
  color: #b6a3ad;
}
.feedback-form textarea {
  border-color: #3a2731;
  color: #f5edf1;
}
.feedback-row {
  color: #b6a3ad;
}
.partner-btn {
  background: #211520;
  color: #f5edf1;
}
.plans > li {
  background: #211520;
  border-color: #3a2731;
}
.plans .plan-tag {
  background: #2a1621;
}
.plans ul li {
  color: #b6a3ad;
}
.hero .gift {
  color: #f4c76b;
  border-color: #5a4520;
  background: #2a2012;
}
.top nav a.cta {
  background: #e8418a;
  color: #fff;
}