/* ============================================================
   Golden Ratio Typography — design tokens
   Base: 18px  |  Content width: 720px  |  φ = 1.6180339887
   Generated by the GRT calculator (grtcalculator.com). Do NOT
   hand-tune these numbers — regenerate via the GRT skill if the
   base size or column width changes.
   ============================================================ */

:root {
  /* Typographic scale (each step = previous × φ) */
  --grt-scale-1: 18px;        /* body / base */
  --grt-scale-2: 29.125px;    /* ×φ */
  --grt-scale-3: 47.125px;    /* ×φ² */
  --grt-scale-4: 76.249px;    /* ×φ³ */
  --grt-scale-5: 123.374px;   /* ×φ⁴ */
  --grt-scale-6: 199.623px;   /* ×φ⁵ */

  /* Line heights, tuned to the 720px column */
  --grt-lh-1: 30px;
  --grt-lh-2: 45px;
  --grt-lh-3: 68px;
  --grt-lh-4: 106px;
  --grt-lh-5: 168px;
  --grt-lh-6: 268px;

  /* Spacing units, derived from the body line height × powers of φ */
  --grt-space-xs: 11px;
  --grt-space-sm: 19px;
  --grt-space-md: 30px;
  --grt-space-lg: 49px;
  --grt-space-xl: 79px;
  --grt-space-xxl: 127px;

  /* Content widths */
  --grt-content-width: 720px;
  --grt-ideal-width: 471px;

  /* Practical heading sizes (half-φ steps so h1 stays reasonable) */
  --grt-h1-size: 47.125px;
  --grt-h2-size: 37.047px;
  --grt-h3-size: 29.125px;
  --grt-h4-size: 22.896px;
  --grt-h5-size: 20.301px;
  --grt-h6-size: 18px;

  /* Heading line heights */
  --grt-h1-lh: 68px;
  --grt-h2-lh: 55px;
  --grt-h3-lh: 45px;
  --grt-h4-lh: 37px;
  --grt-h5-lh: 33px;
  --grt-h6-lh: 30px;
}