/* Upskill Health — Typography
   Editorial serif display + clean UI sans + mono data layer.
   Scale: Display 40–56 · Heading 22–30 · Body 15–17 · Caption/data 11–13. */

:root {
  /* ---- Families ---- */
  --font-display: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace;

  /* ---- Display (DM Serif Display, large only) ---- */
  --text-display-xl: 56px;  --leading-display-xl: 1.04;
  --text-display-lg: 44px;  --leading-display-lg: 1.06;
  --text-display-md: 36px;  --leading-display-md: 1.1;

  /* ---- Heading (DM Serif Display) ---- */
  --text-heading-lg: 30px;  --leading-heading-lg: 1.14;
  --text-heading-md: 24px;  --leading-heading-md: 1.2;
  --text-heading-sm: 22px;  --leading-heading-sm: 1.25;

  /* ---- Body (Inter) ---- */
  --text-lead:  19px;  --leading-lead: 1.55;  /* intro / standfirst */
  --text-body:  17px;  --leading-body: 1.6;
  --text-sm:    15px;  --leading-sm:   1.55;
  --text-xs:    13px;  --leading-xs:   1.5;

  /* ---- Caption / data (JetBrains Mono) ---- */
  --text-data-lg: 13px;
  --text-data:    12px;
  --text-data-sm: 11px;

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

  /* ---- Tracking ---- */
  --tracking-display: -0.01em;
  --tracking-tight:   -0.005em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;   /* eyebrows */
  --tracking-data:    0.02em;   /* mono figures */
  --tracking-caps:    0.08em;   /* all-caps labels */
}