/* Healing Home Healthcare – standard typography (matches mahafleet.com)
   Headings: Fraunces (serif)   Body: Source Sans 3
   Add at the END of the main stylesheet (or as the last <link> in index.html)
   so it overrides the existing mixed sizes. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=Source+Sans+3:wght@400;600;700&display=swap');

:root {
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  /* Type scale – same sizes as mahafleet.com */
  --fs-label: 13px;    /* small uppercase label above section titles */
  --fs-small: 15px;    /* menu, footer, address, contact links */
  --fs-body: 17px;     /* paragraphs, lists, forms */
  --fs-lead: 19px;     /* intro line under page titles */
  --fs-h4: 21px;
  --fs-h3: 24px;       /* card / sub-section titles */
  --fs-h2: clamp(28px, 3vw, 34px);   /* section titles */
  --fs-h1: clamp(32px, 4vw, 42px);   /* page / hero title */

  --bs-body-font-family: var(--font-body);
  --bs-body-font-size: var(--fs-body);
}

/* Body font everywhere – replaces Montserrat, Poppins (menu),
   system-ui (Staff Portal, some inputs) and Segoe UI (buttons) */
html, body, button, input, select, textarea, label, a, li, p, span, em, strong,
nav, .navbar, .nav-link, .btn {
  font-family: var(--font-body) !important;
}

body, p, li, label, input, select, textarea, em {
  font-size: var(--fs-body) !important;
  line-height: 1.65 !important;
  font-weight: 400;
}

strong, b { font-weight: 700; }

/* Headings – Fraunces */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading) !important;
  letter-spacing: -0.01em;
}
h1 { font-size: var(--fs-h1) !important; font-weight: 800 !important; line-height: 1.08 !important; }
h2 { font-size: var(--fs-h2) !important; font-weight: 800 !important; line-height: 1.08 !important; }
h3 { font-size: var(--fs-h3) !important; font-weight: 700 !important; line-height: 1.1 !important; }
h4, h5, h6 { font-size: var(--fs-h4) !important; font-weight: 700 !important; line-height: 1.15 !important; }

/* Intro paragraph directly under a page title */
h1 + p, .lead { font-size: var(--fs-lead) !important; }

/* Navigation menu (was Poppins 17.6px / 600) */
nav a, .navbar a, .nav-link {
  font-size: var(--fs-small) !important;
  font-weight: 600 !important;
}

/* Buttons & CTA links */
button, .btn, input[type="submit"] {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* Optional: small uppercase label above a section title
   usage: <span class="eyebrow">In-Home Services</span> */
.eyebrow {
  display: inline-block;
  font-family: var(--font-body) !important;
  font-size: var(--fs-label) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Footer */
footer h2, footer h3, footer h4 { font-size: var(--fs-h4) !important; }
footer p, footer li, footer a { font-size: var(--fs-small) !important; line-height: 1.65 !important; }

/* Mobile */
@media (max-width: 576px) {
  body, p, li, label, input, select, textarea { font-size: 16px !important; }
  h1 + p, .lead { font-size: 17px !important; }
}