/* Meridian Care — typography */
:root {
  --font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --text-display-size: 56px; --text-display-lh: 60px; --text-display-weight: 800; --text-display-track: -0.02em;
  --text-display-size-mobile: 36px; --text-display-lh-mobile: 42px;
  --text-h1-size: 40px; --text-h1-lh: 48px; --text-h1-track: -0.01em;
  --text-h1-size-mobile: 30px; --text-h1-lh-mobile: 38px;
  --text-h2-size: 30px; --text-h2-lh: 38px;
  --text-h3-size: 20px; --text-h3-lh: 28px;
  --text-body-lg-size: 18px; --text-body-lg-lh: 28px;
  --text-body-size: 16px; --text-body-lh: 24px;
  --text-small-size: 14px; --text-small-lh: 20px;
  --text-label-size: 13px; --text-label-lh: 16px; --text-label-track: 0.06em;
}
.text-display { font-family: var(--font-sans); font-size: 56px; line-height: 60px; font-weight: 800; letter-spacing: -0.02em; }
.text-h1 { font-family: var(--font-sans); font-size: 40px; line-height: 48px; font-weight: 700; letter-spacing: -0.01em; }
.text-h2 { font-family: var(--font-sans); font-size: 30px; line-height: 38px; font-weight: 700; }
.text-h3 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 700; }
.text-body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.text-body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.text-small { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.text-label { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.06em; }
@media (max-width: 639px) { .text-display { font-size: 36px; line-height: 42px; } }
@media (max-width: 899px) { .text-h1 { font-size: 30px; line-height: 38px; } }
