:root{
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --weight-body: 400;
  --weight-heading: 300; /* Light headings */
  --weight-strong: 700;
}

html, body, main {
  font-family: var(--font-body);
  font-weight: var(--weight-body);
  line-height: 1.65;
}

/* Headings use Light 300 */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-body);
  font-weight: var(--weight-heading);
  line-height: 1.2;           /* typical for headings */
  letter-spacing: -0.01em;    /* subtle tightening looks good with Manrope */
}

/* Keep Bootstrap display classes consistent */
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-weight: var(--weight-heading);
  letter-spacing: -0.01em;
}

/* Bold text stays bold everywhere */
strong, b { font-weight: var(--weight-strong); }

/* If you ever put <strong> inside a heading, keep it bold: */
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b { font-weight: var(--weight-strong); }

/* Optional: slightly lighter UI text */
.nav, .navbar, .btn { font-weight: 400; }