/* ==========================================
   TLC PHYSICAL THERAPY — PHASE 5
   Website-wide design consistency

   Excludes:
   - Header and navigation
   - Appointment forms
   - Existing button colors
   ========================================== */

:root {
  --tlc-design-navy: #0D2A4A;
  --tlc-design-teal: #0E8F8F;
  --tlc-design-text: #34485A;
  --tlc-design-radius: 20px;
}

/* Consistent typography */

body {
  font-family: "Figtree", sans-serif;
}

main h1,
main h2,
main h3,
main h4,
section h1,
section h2,
section h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  letter-spacing: -0.025em;
}

/* More consistent reading experience */

main p,
main li {
  line-height: 1.7;
}

/* Consistent button shapes, without changing colors */

main a.btn-primary,
main a.btn-secondary,
main button.btn-primary,
main button.btn-secondary,
main a.page-cta,
main a.tlc-hero-book,
main a.tlc-hero-call {
  border-radius: 999px;
}

/* Comfortable mobile text */

@media (max-width: 600px) {
  main h1 {
    overflow-wrap: break-word;
  }

  main p {
    line-height: 1.65;
  }
}