/* happaccess test tint (2026-08-27): lift harsh black to warm charcoal.
   Revert: remove /tint.css link + restore #070604 in nginx sub_filter; optional rm this file. */

:root,
:host,
html {
  --color-canvas: #1a1614;
  --color-rail: #1c1814;
  --color-night: #151210;
  --color-surface: #261f1a;
  --color-surface-warm: #221c18;
  --color-chip: #2e261f;
  --color-line: #3a3026;
  --color-line-strong: #4a3c30;
  --canvas: #1a1614;
  --night: #151210;
  --surface: #261f1a;
  --surface-warm: #221c18;
  --chip: #2e261f;
  --line: #3a3026;
  --line-strong: #4a3c30;
}

html,
body,
.bg-canvas,
.noise {
  background-color: #1a1614 !important;
}

.site-header {
  background: #221c18e6 !important;
}

.ticker {
  background: #151210 !important;
}

.site-footer {
  background-color: #1a1614;
}

.stick {
  background: #1a1614f0 !important;
}

.zip-overlay {
  background: #1a1614b8 !important;
}

.section-band {
  background: #221c18;
}

.final {
  background: radial-gradient(900px 420px at 50% -10%, #ff5f0f57, transparent 65%), #151210;
}

.proto-chips span {
  background: #151210;
}

.app-pill.on {
  background: #2a231c;
}

/* cat on 3-month card: promo had overflow:visible, best clipped it */
.hero-plans .plans,
.hero-plans .plan,
.hero-plans .plan.best,
.hero-plans .plan.promo {
  overflow: visible;
}