/* ============================================================
   Heilpraxis in der Au — Typography Tokens
   ------------------------------------------------------------
   Type families:
     Display  — Guyot Headline (serif, warm, editorial)
     Body     — Proxima Nova (humanist sans, 400 + 700)
   Pixel sizes below are authored on the native 1080×1350
   carousel canvas (post-downscale from the 3× supersample
   3240×4050 render pipeline). Story canvas is 1080×1920.
   ============================================================ */

:root {
  /* ---- families ---- */
  --font-display: "Guyot Headline", "Georgia", serif;
  --font-body: "Proxima Nova", "Helvetica Neue", Arial, sans-serif;

  /* ---- weights ---- */
  --weight-regular: 400;
  --weight-bold: 700;

  /* ---- carousel type scale (1080-wide canvas) ---- */
  --type-cover: 152px;         /* cover headline (range 148–158) */
  --type-cover-min: 148px;
  --type-cover-max: 158px;
  --type-headline: 120px;      /* follow-page headline (Folgeseiten) */
  --type-subline: 54px;        /* subline / lead */
  --type-subline-tight: 44px;  /* dense subline */
  --type-body: 39px;           /* body copy */
  --type-pill: 26px;           /* pill / kicker label */

  /* ---- line-heights (authored as px leading on canvas) ---- */
  --leading-cover: 1.02;
  --leading-headline: 1.05;
  --leading-subline: 54px;     /* 44px text / 54px lead pairing */
  --leading-body: 48px;        /* 39px text / 48px lead pairing */

  /* ---- tracking ---- */
  --tracking-pill: 0.14em;     /* uppercase kicker pills */
  --tracking-headline: -0.01em;
  --tracking-body: 0em;

  /* ============================================================
     Web specimen scale — for HTML cards / UI built at screen px.
     (the carousel scale above is for the 1080 render pipeline)
     ============================================================ */
  --fs-display: 56px;
  --fs-h1: 40px;
  --fs-h2: 30px;
  --fs-h3: 22px;
  --fs-lead: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-kicker: 13px;
}