/* TYPE — three families, exactly as the old site loaded them.
   Raleway = display voice (h1 only, 800). Poppins = section headings.
   Roboto = everything a human actually reads. Sizes are the kit's own values;
   the "premium" additions are the eyebrow, the lead and the tighter tracking. */
:root{
  --font-display:"Raleway","Poppins",system-ui,sans-serif;
  --font-heading:"Poppins",system-ui,sans-serif;
  --font-body:"Roboto",system-ui,sans-serif;

  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:800; /* @kind font */

  /* Kaynak scale — the Elementor kit, verbatim */
  --fs-display:60px;   --lh-display:75px;   /* h1  Raleway 800 */
  --fs-h2:48px;        --lh-h2:60px;        /* h2  Poppins 700, -0.3px */
  --fs-h3:34px;        --lh-h3:48px;        /* h3  Poppins 600 */
  --fs-h4:24px;        --lh-h4:38px;        /* h4  Roboto 400 */
  --fs-h5:20px;        --lh-h5:32px;        /* h5  Roboto 400 — the "lead" voice */
  --fs-body:18px;      --lh-body:28px;      /* body Roboto 400 */
  --fs-small:16px;     --lh-small:24px;
  --fs-caption:15px;   --lh-caption:28px;   /* footer legal line */
  --fs-micro:14px;     --lh-micro:24px;

  /* Premium layer — the one size the old kit never had */
  --fs-eyebrow:13px;   --lh-eyebrow:16px;   --ls-eyebrow:.16em;

  --ls-display:-0.5px;
  --ls-h2:-0.3px;      /* kaynak */
  --ls-tight:-0.2px;
  --ls-normal:0; /* @kind font */

  /* Tablet (<=1111px) and mobile (<=767px) steps, from the kit's media queries */
  --fs-display-t:48px; --lh-display-t:52px;
  --fs-h2-t:34px;
  --fs-h3-t:21px;      --lh-h3-t:32px;
  --fs-h5-t:18px;      --lh-h5-t:26px;
  --fs-display-m:28px; --lh-display-m:32px;
  --fs-h2-m:24px;      --lh-h2-m:32px;
  --fs-h4-m:18px;      --lh-h4-m:26px;
  --fs-body-m:16px;    --lh-body-m:24px;
}