/* Type system. Root font-size is 15px (html{font-size:15px} in desktop.css),
   so 1rem = 15px — every rem value below is theme-verbatim. */
:root{
  --font-serif:garamond-premier-pro,"Adjusted Georgia Fallback","Times New Roman",serif;
  --font-sans:tenon,"Adjusted Arial Fallback",sans-serif;
  --font-din:din-2014,"Adjusted Arial Fallback",sans-serif;

  --font-root:15px;          /* html font-size */
  --leading-body:1.5;
  --leading-heading:1.25;
  --leading-tight:1.2;
  --leading-title:1.3;

  /* Document headings (serif, weight 400, never bold) */
  --text-h1:3.4rem;   /* 51px */
  --text-h2:2.2rem;   /* 33px */
  --text-h3:2rem;     /* 30px */
  --text-h4:1.8rem;   /* 27px */
  --text-h5:1.5rem;   /* 22.5px */
  --text-h6:1.3rem;   /* 19.5px */

  /* Editorial scale, in px exactly as the blocks declare it */
  --text-page-title:40px;        /* .page-title h1 */
  --text-hero-title:34px;        /* .post-link.central-story .post-title */
  --text-article-h2:40px;
  --text-article-h3:34px;
  --text-article-h4:26px;
  --text-article-h5:24px;
  --text-article-body:22px;      /* .post-content, .post-introduction */
  --text-section-title:30px;     /* .section-heading .section-title (italic caps) */
  --text-newsletter-title:31px;
  --text-post-number:33px;       /* italic serif ordinal */
  --text-nav-parent:21px;        /* mega-menu parent links */
  --text-search:1.3rem;          /* header search field */
  --text-card-title:19px;        /* post-link vertical/horizontal/text-only */
  --text-card-title-sm:18px;     /* magazine + collab grids */
  --text-card-subtitle:17px;
  --text-body-sm:16px;
  --text-label:15px;             /* .section-title-small, nav children, footer labels */
  --text-meta:14px;              /* see-more, author line on hero */
  --text-meta-sm:13px;           /* card meta */
  --text-caption:12px;           /* figcaption, category label, legal */
  --text-agreement:11px;         /* newsletter consent copy */
  --text-load-more:20px;

  --tracking-label:0.5px;        /* uppercase location/prefecture labels */
  --underline-thickness:2px;
  --underline-offset:3px;
}
