/* Type scale. v2.3 — one family: Inter (--font-ui and --font-display are the same stack).
   Measured against the retired faces at 100px: x-height Inter 55 / Manrope 54 / Cormorant 39;
   cap height 73 / 72 / 63; digit height 74 / 74 / 58. Inter and Manrope are optically the same
   size, so NO body/UI style changed. Cormorant was far smaller per em, so every display style was
   re-tuned: smaller size, one weight lighter, tighter tracking.
   Changing numbers are tabular ("tnum"): kcal, grams, weight. */
:root{
  /* Display — re-tuned for Inter. Was Cormorant 500 40/44 and 500 32/38. */
  --type-display-lg:400 34px/40px var(--font-display);
  --type-display-md:400 26px/32px var(--font-display);
  --type-h1:700 28px/34px var(--font-ui);
  --type-h2:700 24px/30px var(--font-ui);
  --type-h3:600 20px/26px var(--font-ui);
  --type-title:600 18px/24px var(--font-ui);
  --type-body-lg:400 17px/24px var(--font-ui);
  --type-body:400 15px/22px var(--font-ui);
  --type-body-sm:400 13px/18px var(--font-ui);
  --type-label:600 13px/18px var(--font-ui);
  --type-caption:500 11px/16px var(--font-ui);
  --type-num-hero:700 34px/40px var(--font-ui);
  --type-num-remaining:700 30px/36px var(--font-ui);
  /* Hero numeral — the CalorieGauge centre. v2.3.1: Inter 400 46/50 with -0.02em (was 42/46; the
     remaining-kcal figure is the hero of the screen and wanted the extra presence). 48/300 was
     rejected — thin stems on the one number that must read at a glance.
     Down from Cormorant 500 48/52: Inter digits are 0.74em tall against Cormorant's 0.58em, so the
     same apparent height needs a smaller size; one weight lighter and tighter tracking keep the
     delicacy the serif had. Inter's figures are lining by default — tabular-nums is still
     required for anything that changes (proven: 111 / 888 / 1 240 all set to the same width). */
  --type-num-hero-display:400 46px/50px var(--font-display);
  --num-figures-display:tabular-nums; /* @kind other */
  --tracking-display:-.02em;

  --tracking-logo:.14em;
  --tracking-eyebrow:.18em;
  --tracking-tagline:.22em;
}
