/* Anatomedic typography — Manrope throughout.
   Headlines: large, confident, compact, heavy weight, tight tracking.
   Body: calm, readable, never too small. */
:root {
  /* Font sizes — a calm, generous scale */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 38px;
  --text-5xl: 48px;
  --text-6xl: 62px;
  --text-7xl: 80px;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Line heights */
  --leading-tight: 1.05;   /* display headlines */
  --leading-snug: 1.2;     /* headings */
  --leading-normal: 1.6;   /* body copy */

  /* Letter spacing — headlines run tight, labels run open */
  --tracking-tight: -0.03em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;

  /* Semantic type roles */
  --type-display-size: var(--text-6xl);
  --type-display-weight: var(--weight-extrabold);
  --type-heading-weight: var(--weight-bold);
  --type-body-size: var(--text-lg);
  --type-body-weight: var(--weight-regular);
  --type-label-weight: var(--weight-semibold);
}