:root {
  --bb-page-title-size: 1.35rem;
  --bb-page-title-size-md: 1.65rem;
  --bb-page-title-weight: 800;
  --bb-page-title-letter-spacing: 0;
  --bb-page-title-line-height: 1.2;
  --bb-page-subtitle-size: 0.95rem;
  --bb-page-subtitle-size-md: 1rem;
  --bb-page-subtitle-line-height: 1.6;
  --bb-page-subtitle-color: #524745;
}

.bb-page-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: var(--bb-page-title-size) !important;
  font-weight: var(--bb-page-title-weight);
  letter-spacing: var(--bb-page-title-letter-spacing) !important;
  line-height: var(--bb-page-title-line-height) !important;
  color: #1c1b1b;
}

.bb-page-subtitle {
  font-family: "Inter", sans-serif;
  font-size: var(--bb-page-subtitle-size);
  line-height: var(--bb-page-subtitle-line-height);
  color: var(--bb-page-subtitle-color);
}

body.app-shell h1,
body.app-shell h2,
body.app-shell h3 {
  letter-spacing: 0;
}

body.app-shell h1.text-4xl,
body.app-shell h1.text-5xl {
  font-size: 1.45rem !important;
  line-height: 1.2 !important;
}

body.app-shell h2.text-4xl,
body.app-shell h2.text-3xl,
body.app-shell h2.text-2xl {
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
}

body.app-shell h3.text-2xl,
body.app-shell h3.text-xl {
  font-size: 1.1rem;
  line-height: 1.35;
}

@media (min-width: 768px) {
  .bb-page-title {
    font-size: var(--bb-page-title-size-md) !important;
  }

  .bb-page-subtitle {
    font-size: var(--bb-page-subtitle-size-md);
  }

  body.app-shell h1.md\:text-5xl,
  body.app-shell h1.md\:text-4xl,
  body.app-shell h1.text-5xl,
  body.app-shell h1.text-4xl {
    font-size: 1.7rem !important;
  }

  body.app-shell h2.md\:text-4xl,
  body.app-shell h2.md\:text-3xl,
  body.app-shell h2.text-4xl,
  body.app-shell h2.text-3xl {
    font-size: 1.45rem !important;
  }
}