/* TastePilot — Typography
 * SF Pro Display / Text / Rounded on device; Inter is the web fallback (loaded in fonts.css).
 * Display = headings, Text = body, Rounded = Personal Fit numerals + chips.
 */

:root {
  --font-display: -apple-system, "SF Pro Display", "Inter", system-ui, sans-serif;
  --font-text: -apple-system, "SF Pro Text", "Inter", system-ui, sans-serif;
  --font-rounded: ui-rounded, "SF Pro Rounded", "Inter", system-ui, sans-serif;

  /* Type scale (px / line-height) — from the brand spec */
  --text-h1: 34px;      --lh-h1: 41px;      /* hero */
  --text-h2: 28px;      --lh-h2: 34px;      /* screen title */
  --text-h3: 22px;      --lh-h3: 28px;      /* section title */
  --text-title: 20px;   --lh-title: 26px;   /* card title */
  --text-body: 17px;    --lh-body: 24px;    /* primary body */
  --text-callout: 15px; --lh-callout: 21px; /* helper text */
  --text-caption: 13px; --lh-caption: 18px; /* metadata */
  --text-label: 12px;   --lh-label: 16px;   /* chip / eyebrow */
  --text-micro: 11px;   --lh-micro: 14px;   /* fine print */
  --text-score: 24px;   --lh-score: 28px;   /* Personal Fit numeral */

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

  /* Tracking */
  --track-tight: -0.02em;   /* large display */
  --track-eyebrow: 0.05em;  /* uppercase eyebrows */
}