/* Shared public-site typography. Important declarations in this layer take
   precedence over legacy, unlayered page overrides without specificity hacks. */
@layer reimage-typography {
  body {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Arial, sans-serif !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
  }

  body * {
    font-family: inherit !important;
    font-weight: inherit !important;
    letter-spacing: .015em !important;
    word-spacing: normal !important;
  }

  body :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    line-height: 1.18 !important;
  }

  body :is(h1, h2, h3, h4, h5, h6) * {
    letter-spacing: inherit !important;
  }

  body :is(p, li, dd) { line-height: 1.65 !important; }

  body :is(button, label, nav a, .button, .btn, .product-button, .text-link) {
    font-weight: 500 !important;
    letter-spacing: .02em !important;
  }

  body :is(strong, b, [aria-selected="true"], [aria-pressed="true"]) {
    font-weight: 600 !important;
  }

  body :is(.eyebrow, .label, .section-label, .hero-kicker, .product-kicker,
    .commerce-label, .bundle-eyebrow, .case-kicker, .price-eyebrow,
    .feature-badge, .area-badge, .business-card__meta, .profile-info__label) {
    font-weight: 500 !important;
    letter-spacing: .08em !important;
  }
}