:root {
  --thm-navy: #071c27;
  --thm-navy-soft: #102f3c;
  --thm-teal: #18b6a4;
  --thm-mint: #a8efe6;
  --thm-ice: #eef8f7;
}

.thm-wordmark {
  color: var(--thm-navy);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.header-wrapper,
.utility-bar {
  backdrop-filter: blur(14px);
}

.button,
.shopify-payment-button__button {
  border-radius: 999px !important;
  font-weight: 700;
  letter-spacing: 0;
}

.card,
.product-card-wrapper .card {
  border-radius: 20px;
  overflow: hidden;
}

@media screen and (max-width: 749px) {
  .thm-wordmark { font-size: 1.8rem; }
}