/* ============================================================
   Hands Together Healthcare — Typography
   Canonical brand face: AVENIR (Linotype).
   Web substitute: "Nunito Sans" — closest free geometric-
   humanist match. Swap the @font-face binaries to real Avenir
   web fonts when licensed; keep the --font-* variables intact.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900&display=swap');

:root {
  /* Families */
  --font-sans: 'Nunito Sans', 'Avenir Next', Avenir, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: var(--font-sans);

  /* Weights */
  --fw-light: 300;      /* @kind font */
  --fw-regular: 400;    /* @kind font */
  --fw-medium: 500;     /* @kind font */
  --fw-semibold: 600;   /* @kind font */
  --fw-bold: 700;       /* @kind font */
  --fw-extrabold: 800;  /* @kind font */

  /* Fluid display + heading scale */
  --text-display:  clamp(2.75rem, 1.6rem + 4.6vw, 4.5rem);   /* @kind other */
  --text-h1: clamp(2.25rem, 1.5rem + 3vw, 3.25rem);   /* @kind other */
  --text-h2: clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem);   /* @kind other */
  --text-h3: clamp(1.375rem, 1.05rem + 1.3vw, 1.75rem);   /* @kind other */
  --text-h4: 1.25rem;   /* @kind other */
  --text-lead: 1.1875rem;   /* @kind other */
  --text-body-lg: 1.0625rem;   /* @kind other */
  --text-base: 1rem;   /* @kind other */
  --text-sm: 0.875rem;   /* @kind other */
  --text-xs: 0.75rem;   /* @kind other */
  --text-overline: 0.75rem;   /* @kind other */

  /* Line heights */
  --lh-tight: 1.08;    /* @kind other */
  --lh-snug: 1.25;     /* @kind other */
  --lh-normal: 1.55;   /* @kind other */
  --lh-relaxed: 1.7;   /* @kind other */

  /* Letter spacing */
  --ls-tight: -0.02em;      /* @kind other */
  --ls-snug: -0.01em;       /* @kind other */
  --ls-normal: 0;           /* @kind other */
  --ls-wide: 0.02em;        /* @kind other */
  --ls-overline: 0.14em;    /* @kind other */
}