/* ============================================================
   MEDICORTEX — TYPOGRAPHY TOKENS
   Display: Archivo (heavy, UPPERCASE statements) · Sans: Hanken Grotesk
   Mono: IBM Plex Mono (labels, data, biomarker codes)
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-sans:    'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* Type scale (rem @ 16px root) ------------------------------ */
  --text-2xs:  0.6875rem;  /* 11 — micro mono labels */
  --text-xs:   0.75rem;    /* 12 */
  --text-sm:   0.875rem;   /* 14 */
  --text-base: 1rem;       /* 16 */
  --text-md:   1.125rem;   /* 18 */
  --text-lg:   1.25rem;    /* 20 */
  --text-xl:   1.5rem;     /* 24 */
  --text-2xl:  1.875rem;   /* 30 */
  --text-3xl:  2.375rem;   /* 38 */
  --text-4xl:  3rem;       /* 48 */
  --text-5xl:  3.75rem;    /* 60 */
  --text-6xl:  4.75rem;    /* 76 */

  /* Fluid display sizes (hero statements) */
  --display-sm: clamp(2.25rem, 1.4rem + 3.6vw, 3.25rem); /* @kind other */
  --display-md: clamp(2.75rem, 1.3rem + 6vw, 4.5rem); /* @kind other */
  --display-lg: clamp(3.25rem, 1rem + 9vw, 6.5rem); /* @kind other */

  /* Line heights */
  --leading-none:    1;    /* @kind other */
  --leading-tight:   1.08; /* @kind other */
  --leading-snug:    1.22; /* @kind other */
  --leading-normal:  1.5;  /* @kind other */
  --leading-relaxed: 1.65; /* @kind other */

  /* Letter spacing */
  --tracking-tighter: -0.04em; /* @kind other */
  --tracking-tight:   -0.02em; /* @kind other */
  --tracking-normal:  0em;     /* @kind other */
  --tracking-wide:    0.02em;  /* @kind other */
  --tracking-wider:   0.08em;  /* @kind other */
  --tracking-widest:  0.16em;  /* @kind other */
}

/* ---- Semantic text roles (handy classes used across cards/kits) ---- */
.mc-display {
  font-family: var(--font-display);
  font-weight: var(--fw-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-strong);
}
.mc-eyebrow {
  font-family: var(--font-mono);
  font-weight: var(--fw-medium);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--brand);
}