/* Quire Design System — quire.website.css
 * GENERATED FILE — do not edit.
 *
 * version 0.75.17
 * build   4175202facc6
 *
 * Source:  design-system/tokens/quire.tokens.json
 * Wiring:  design-system/tokens/manifest.json
 * Rebuild: node design-system/tokens/build.mjs
 *
 * This file is copied into consuming projects. The two values above are
 * how a copy identifies itself once it is no longer beside its source:
 * "version" is the release, "build" is a hash of everything below this
 * comment. Run "npm run consumers" in the design system to see where
 * every copy stands.
 */
:root {
  --text-reading-body: clamp(
    22px,
    calc(21.1713px + 0.221vw),
    24px
  );
  --text-reading-lead: clamp(
    20px,
    calc(18.3425px + 0.442vw),
    24px
  );
  --text-reading-quote: clamp(
    24px,
    calc(22.3425px + 0.442vw),
    28px
  );
  --text-reading-section: clamp(
    24px,
    calc(19.0276px + 1.326vw),
    36px
  );
  --text-reading-title: clamp(
    28px,
    calc(19.7127px + 2.2099vw),
    48px
  );
  --text-reading-byline: clamp(
    14px,
    calc(12.3425px + 0.442vw),
    18px
  );
  --text-reading-meta: 18px;
  --text-reading-head: clamp(
    20px,
    calc(16.6851px + 0.884vw),
    28px
  );
  --space-fluid-8: clamp(
    20px,
    calc(15.0276px + 1.326vw),
    32px
  );
  --space-fluid-10: clamp(
    24px,
    calc(17.3702px + 1.768vw),
    40px
  );
  --space-fluid-12: clamp(
    32px,
    calc(25.3702px + 1.768vw),
    48px
  );
  --space-fluid-16: clamp(
    40px,
    calc(30.0552px + 2.6519vw),
    64px
  );
  
  --space-reading-paragraph: 24px;
  --space-reading-block: 40px;
  --space-reading-heading-above: 64px;
  --space-reading-heading-below: 32px;
  --space-reading-subhead-above: 40px;
  --space-reading-subhead-below: 24px;
  --space-reading-minor-above: 32px;
  --space-reading-minor-below: 16px;
  --space-reading-lead: 32px;
  --space-reading-quote: 40px;
  --space-reading-section: 64px;
  --space-reading-foot: 64px;
}