/* ─────────────────────────────────────────────────────────────
   Energy Plus Insider — design tokens
   Source of truth: Figma "EnergyPlus", node 3738:19473 ("Letter - 3"),
   the style specimen laid out by Oleg. Every value below is measured
   from that frame, not invented. Change a token here, not in a page.
   ───────────────────────────────────────────────────────────── */
:root {
  /* Page — US Letter, exactly as the Figma frame: 612 x 792 */
  --page-w: 612px;
  --page-h: 792px;

  /* Margins — symmetric 80, content column 452 */
  --margin-x: 80px;
  --measure: 452px;          /* 612 - 80 - 80 */
  --col-gap: 24px;
  --col-half: 214px;         /* (452 - 24) / 2 */

  /* Vertical anchors measured off the specimen */
  --y-runhead: 40px;
  --y-h1: 108px;             /* normal page headline — Letter-3 */
  --y-h1-xl: 94px;           /* feature opener — Letter-5 */
  --y-folio: 741px;

  /* Colour */
  --green: #327a39;          /* headings, pull quote */
  --green-dark: #1a451f;     /* running head, folio */
  --yellow: #FFCF00;         /* pull-quote rule */
  --ink: #000000;
  --paper: #FFFFFF;

  /* Type */
  --display: "DIN 2014 Condensed", "DIN Condensed", sans-serif;
  --text: "Inter", -apple-system, sans-serif;

  --h1-size: 48px;           /* page headline, Regular — Letter-3 */
  --h1-xl-size: 77px;        /* feature opener, ExtraBold — Letter-5 */
  --h1-xl-lh: 0.83;
  --h2-size: 32px;
  --quote-size: 32px;
  --runhead-size: 16px;
  --body-size: 12px;

  --display-lh: 0.91;
  --body-lh: 1.3;

  /* Spacing */
  --para-gap: 16px;          /* between paragraphs, Letter-5 */
  --gap-h2-body: 16px;
  --gap-block: 32px;          /* rhythm between blocks, measured off the specimen */
  --quote-rule: 8px;
  --quote-pad: 24px;
}