body.theme-vape {
  --vape-navy: #16202d;
  --vape-teal: #246b70;
  --vape-mint: #35a88f;
  --vape-warm: #f6f4ef;
  background: var(--vape-warm);
  font-family: "Arial", "Helvetica Neue", system-ui, sans-serif;
}

.theme-vape h1,
.theme-vape h2,
.theme-vape h3,
.theme-vape .brand strong {
  font-family: "Arial", "Helvetica Neue", system-ui, sans-serif;
  letter-spacing: -0.03em;
  text-transform: none;
}

.theme-vape .hero {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px) 0 0 / 46px 46px,
    linear-gradient(135deg, #16202d 0%, #243844 58%, #246b70 165%);
  color: #ffffff;
}

.theme-vape h1 {
  max-width: 15ch;
  font-size: clamp(2.6rem, 6vw, 4.8rem);
}

.theme-vape .eyebrow,
.theme-vape .section-label,
.theme-vape .card-label {
  letter-spacing: 0.13em;
}

.theme-vape .service-card,
.theme-vape .visual-card,
.theme-vape .area-panel,
.theme-vape .faq-card,
.theme-vape .contact-form {
  border-radius: 2px;
  border: 1px solid rgba(36, 107, 112, 0.22);
  background: #ffffff;
  box-shadow: none;
}

.theme-vape .service-card {
  border-top: 0.34rem solid var(--vape-teal);
}

.theme-vape .section-soft {
  background: var(--vape-navy);
  color: #ffffff;
}

.theme-vape .section-soft p,
.theme-vape .section-soft li {
  color: rgba(255, 255, 255, 0.76);
}

.theme-vape .trust-strip {
  background: #101822;
}

.theme-vape .button {
  border-radius: 2px;
}

.theme-vape .button-primary {
  background: var(--vape-teal);
}