/* IFQ typography — Montserrat throughout. Headings SemiBold/Bold, body Regular.
   Industrial-modern: clean, technical, generous line-height for body, tight display,
   wide-tracked uppercase for eyebrows/labels. */
:root {
  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: "SFMono-Regular", ui-monospace, Menlo, monospace;

  /* weights */
  --fw-regular: 400;   /* @kind other */
  --fw-medium: 500;    /* @kind other */
  --fw-semibold: 600;  /* @kind other */
  --fw-bold: 700;      /* @kind other */
  --fw-black: 800;      /* @kind other */

  /* type scale */
  --text-xs:   0.75rem;   /* 12 */
  --text-sm:   0.875rem;  /* 14 */
  --text-base: 1rem;      /* 16 */
  --text-lg:   1.125rem;  /* 18 */
  --text-xl:   1.25rem;   /* 20 */
  --text-2xl:  1.5rem;    /* 24 */
  --text-3xl:  1.875rem;  /* 30 */
  --text-4xl:  2.5rem;    /* 40 */
  --text-5xl:  3.25rem;   /* 52 */
  --text-6xl:  4.25rem;   /* 68 */

  --lh-tight: 1.05;    /* @kind other */
  --lh-snug: 1.2;      /* @kind other */
  --lh-normal: 1.5;    /* @kind other */
  --lh-relaxed: 1.65;  /* @kind other */

  --tracking-tight: -0.01em;  /* @kind other */
  --tracking-normal: 0;        /* @kind other */
  --tracking-wide: 0.04em;     /* @kind other */
  --tracking-wider: 0.12em;    /* @kind other */

  /* semantic roles */
  --text-display: var(--fw-bold) var(--text-6xl)/var(--lh-tight) var(--font-display);
  --text-h1: var(--fw-semibold) var(--text-4xl)/var(--lh-snug) var(--font-display);
  --text-h2: var(--fw-semibold) var(--text-3xl)/var(--lh-snug) var(--font-display);
  --text-h3: var(--fw-semibold) var(--text-xl)/var(--lh-snug) var(--font-display);
  --text-body: var(--fw-regular) var(--text-base)/var(--lh-relaxed) var(--font-sans);
  --text-eyebrow-size: var(--text-sm);  /* @kind other */
}