/* ============================================================
   FLUID ROOT — the site-wide scale, copied as-is from Webflow's
   "Global / Fluid Type" embed (decision 01.10.2026): pages on the new
   site must match their Webflow neighbours during the move.
   Every rem on the page follows it: 16px on phones, 12.5→16 (768–991),
   12.67→16 (992–1279), 16→19.2 (1280–1599), 19.2 from 1600.
   px here on purpose — this is the definition of the rem itself.
   To be revisited after the move (docs/tech-debt.md): the ramp steps
   down at 768 (16 → 12.5) and relies on overriding the root size.
   Dev pages do not load it: there 1rem stays 16px. The site (and its /design-system page) does.
   ============================================================ */
html { font-size: 16px; }
@media (min-width: 768px)  { html { font-size: calc(12.5px + 3.5 * ((100vw - 768px) / 223)); } }
@media (min-width: 992px)  { html { font-size: calc(12.67px + 3.33 * ((100vw - 992px) / 288)); } }
@media (min-width: 1280px) { html { font-size: calc(16px + 3.2 * ((100vw - 1280px) / 320)); } }
@media (min-width: 1600px) { html { font-size: 19.2px; } }