/* Spacing is rem-based on a 15px root, and the theme's real rhythm is
   built from 1.15rem (17.25px) — not a 4/8px grid. Values are verbatim. */
:root{
  --space-2xs:0.2rem;    /* 3px  — title bottom padding */
  --space-xs:0.45rem;    /* 6.75px */
  --space-sm:0.9rem;     /* 13.5px — tag gaps, footer nav padding */
  --space-md:1.15rem;    /* 17.25px — THE base unit: gutters, card padding */
  --space-lg:1.8rem;     /* 27px */
  --space-xl:2.3rem;     /* 34.5px — 2× base, grid row gap */
  --space-2xl:3.45rem;   /* 51.75px — 3× base, newsletter block */
  --space-3xl:4.025rem;  /* 60.4px — section+section margin, main padding-bottom */
  --space-4xl:8.05rem;   /* 120.75px — end of a single post */

  --gutter-page:2rem;    /* .container horizontal padding */
  --container:1396px;
  --container-large:1060px;
  --container-medium:760px;
  --container-thin:495px;
  --container-newsletter:520px;
  --article-measure:1024px;   /* .the-post max-width */
  --article-inset:186px;      /* full-bleed image pull-out */

  --header-height:151px;      /* main padding-top is 150px */
  --top-nav-height:33px;
  --logo-width:225px;
  --logo-height:58px;
  --logo-minified-width:101px;
  --logo-minified-height:56px;
  --footer-logo-height:69px;
  --slide-width:311.5px;      /* swiper slide */
  --slide-gap:30px;
}