/* InnMotion brand palette sampled from the supplied wordmark. */
:root {
  --cream: #f7fbfc;
  --ink: #2c3e49;
  --forest: #168fc7;
  --muted: #687c88;
  --line: #d8e6eb;
  --brand-cyan: #28c7ce;
  --brand-blue: #168fc7;
  --brand-deep: #176aa7;
  --brand-charcoal: #2c3e49;
  --brand-ice: #f7fbfc;
}

body,
.site-shell {
  background: var(--brand-ice);
  color: var(--brand-charcoal);
}

.nav-wrap {
  background: rgb(247 251 252 / 88%);
  border-bottom: 1px solid rgb(216 230 235 / 70%);
  backdrop-filter: blur(16px);
}

.nav-wrap nav a,
.hero-lede {
  color: #687c88;
}

.nav-wrap nav a:hover,
.eyebrow,
.text-action,
.permission-note > span:first-child,
.hotel-actions button,
.trust-strip > p strong {
  color: var(--brand-blue);
}

.nav-cta {
  border-color: #cbdfe7;
  background: rgb(255 255 255 / 72%);
  color: var(--brand-charcoal);
}

.eyebrow span,
.trust-strip article > span {
  background: #e1f5f7;
  color: var(--brand-blue);
}

.hero h1 em {
  color: var(--brand-blue);
}

.primary-action {
  background: linear-gradient(135deg, var(--brand-deep), var(--brand-cyan));
  box-shadow: 0 16px 34px rgb(22 143 199 / 28%);
}

.primary-action:hover {
  box-shadow: 0 20px 40px rgb(22 143 199 / 36%);
}

.ambient-one {
  background: radial-gradient(circle, rgb(40 199 206 / 27%), transparent 68%);
}

.ambient-two {
  background: radial-gradient(circle, rgb(22 143 199 / 18%), transparent 70%);
}

.map-card {
  background: #dff2f5;
  box-shadow: 0 30px 80px rgb(24 105 150 / 16%);
}

.map-grid {
  background-image:
    linear-gradient(28deg, transparent 46%, #afd8e2 47%, #afd8e2 48%, transparent 49%),
    linear-gradient(92deg, transparent 46%, #b8dce4 47%, #b8dce4 49%, transparent 50%),
    linear-gradient(#c8e3e8 1px, transparent 1px),
    linear-gradient(90deg, #c8e3e8 1px, transparent 1px);
}

.map-card::after {
  background: #a8e1e4;
  border-left-color: #eef9fa;
}

.route {
  background: #fbfeff;
  box-shadow: 0 0 0 1px #b7d9e1;
}

.map-label,
.label-water {
  color: #5596aa;
}

.map-pin {
  background: linear-gradient(145deg, var(--brand-blue), var(--brand-cyan));
  box-shadow: 0 11px 24px rgb(22 143 199 / 38%);
}

.distance-pill,
.hotel-topline {
  color: var(--brand-blue);
}

.user-location {
  background: var(--brand-cyan);
}

.user-location::after {
  border-color: rgb(40 199 206 / 58%);
}

.live-dot {
  background: var(--brand-cyan);
  box-shadow: 0 0 0 4px rgb(40 199 206 / 15%);
}

.hotel-card {
  border-color: rgb(255 255 255 / 76%);
  background: rgb(255 255 255 / 91%);
  box-shadow: 0 26px 60px rgb(23 106 167 / 19%);
}

.offer-card {
  background: linear-gradient(145deg, #293d48, #176aa7);
  box-shadow: 0 18px 45px rgb(44 62 73 / 32%);
}

.offer-icon {
  color: #56dbe0;
}

.offer-card span,
.offer-card small {
  color: #addce6;
}

.offer-card button {
  color: var(--brand-blue);
}

.trust-strip {
  border-color: var(--line);
}