/* AZ Design System — Typography tokens
   Source of truth: az-site-system/includes/typography.php defaults.
   Display + headings: Newsreader serif at weight 200 (light, editorial).
   Body: Inter 300 at 18px / 1.7. Labels (h5/h6): Inter, uppercase, tracked. */

:root {
  /* ---- Body ---- */
  --az-font-body-family: Inter, sans-serif;
  --az-font-body-size: 18px;
  --az-font-body-size-mobile: 17px;
  --az-font-body-weight: 300;
  --az-font-body-style: normal;
  --az-font-body-line-height: 1.7;

  /* ---- H1 / display ---- */
  --az-font-h1-family: Newsreader, serif;
  --az-font-h1-size: 67px;
  --az-font-h1-size-mobile: 44px;
  --az-font-h1-weight: 200;
  --az-font-h1-style: normal;
  --az-font-h1-line-height: 0.96;

  /* ---- H2 ---- */
  --az-font-h2-family: Newsreader, serif;
  --az-font-h2-size: 38px;
  --az-font-h2-size-mobile: 30px;
  --az-font-h2-weight: 200;
  --az-font-h2-style: normal;
  --az-font-h2-line-height: 1.04;

  /* ---- H3 ---- */
  --az-font-h3-family: Newsreader, serif;
  --az-font-h3-size: 29px;
  --az-font-h3-size-mobile: 25px;
  --az-font-h3-weight: 200;
  --az-font-h3-style: normal;
  --az-font-h3-line-height: 1.12;

  /* ---- H4 ---- */
  --az-font-h4-family: Newsreader, serif;
  --az-font-h4-size: 24px;
  --az-font-h4-size-mobile: 22px;
  --az-font-h4-weight: 200;
  --az-font-h4-style: normal;
  --az-font-h4-line-height: 1.18;

  /* ---- H5 / label ---- */
  --az-font-h5-family: Inter, sans-serif;
  --az-font-h5-size: 13px;
  --az-font-h5-size-mobile: 13px;
  --az-font-h5-weight: 400;
  --az-font-h5-style: normal;
  --az-font-h5-line-height: 1.24;

  /* ---- H6 / micro-label ---- */
  --az-font-h6-family: Inter, sans-serif;
  --az-font-h6-size: 11px;
  --az-font-h6-size-mobile: 11px;
  --az-font-h6-weight: 600;
  --az-font-h6-style: normal;
  --az-font-h6-line-height: 1.35;

  /* ---- Size aliases ---- */
  --az-type-body: var(--az-font-body-size);
  --az-type-small: var(--az-font-h6-size);
  --az-type-h1: var(--az-font-h1-size);
  --az-type-h2: var(--az-font-h2-size);
  --az-type-h3: var(--az-font-h3-size);
  --az-type-h4: var(--az-font-h4-size);
  --az-type-h5: var(--az-font-h5-size);
  --az-type-h6: var(--az-font-h6-size);
  --az-type-title: var(--az-type-h2);
  --az-type-display: var(--az-type-h1);
  --az-leading-body: var(--az-font-body-line-height);
  --az-tracking-label: 0.08em;
  --az-tracking-label-strong: 0.14em;
}

@media (max-width: 781px) {
  :root {
    --az-type-body: var(--az-font-body-size-mobile);
    --az-type-small: var(--az-font-h6-size-mobile);
    --az-type-h1: var(--az-font-h1-size-mobile);
    --az-type-h2: var(--az-font-h2-size-mobile);
    --az-type-h3: var(--az-font-h3-size-mobile);
    --az-type-h4: var(--az-font-h4-size-mobile);
    --az-type-h5: var(--az-font-h5-size-mobile);
    --az-type-h6: var(--az-font-h6-size-mobile);
  }
}