/* Quire Design System — quire.reading.css
 * GENERATED FILE — do not edit.
 *
 * version 0.75.17
 * build   0cb4e42e60f8
 *
 * 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[data-reading="tiny"] {
  --text-reading-body: clamp(
    14px,
    calc(13.1713px + 0.221vw),
    16px
  );
  --text-reading-lead: clamp(
    12px,
    calc(11.1713px + 0.221vw),
    14px
  );
  --text-reading-quote: clamp(
    14px,
    calc(13.1713px + 0.221vw),
    16px
  );
  --text-reading-section: clamp(
    14px,
    calc(12.3425px + 0.442vw),
    18px
  );
  --text-reading-title: clamp(
    16px,
    calc(14.3425px + 0.442vw),
    20px
  );
  --text-reading-byline: 12px;
  --text-reading-meta: 12px;
  --text-reading-head: clamp(
    12px,
    calc(10.3425px + 0.442vw),
    16px
  );
  
  --space-reading-paragraph: 10px;
  --space-reading-block: 16px;
  --space-reading-heading-above: 24px;
  --space-reading-heading-below: 12px;
  --space-reading-subhead-above: 16px;
  --space-reading-subhead-below: 10px;
  --space-reading-minor-above: 12px;
  --space-reading-minor-below: 8px;
  --space-reading-lead: 12px;
  --space-reading-quote: 16px;
  --space-reading-section: 24px;
  --space-reading-foot: 24px;
}
:root[data-reading="small"] {
  --text-reading-body: clamp(
    16px,
    calc(15.1713px + 0.221vw),
    18px
  );
  --text-reading-lead: clamp(
    14px,
    calc(13.1713px + 0.221vw),
    16px
  );
  --text-reading-quote: clamp(
    16px,
    calc(15.1713px + 0.221vw),
    18px
  );
  --text-reading-section: clamp(
    16px,
    calc(13.5138px + 0.663vw),
    22px
  );
  --text-reading-title: clamp(
    18px,
    calc(15.5138px + 0.663vw),
    24px
  );
  --text-reading-byline: clamp(
    12px,
    calc(11.5856px + 0.1105vw),
    13px
  );
  --text-reading-meta: 12px;
  --text-reading-head: clamp(
    14px,
    calc(12.3425px + 0.442vw),
    18px
  );
  
  --space-reading-paragraph: 12px;
  --space-reading-block: 20px;
  --space-reading-heading-above: 32px;
  --space-reading-heading-below: 16px;
  --space-reading-subhead-above: 20px;
  --space-reading-subhead-below: 12px;
  --space-reading-minor-above: 16px;
  --space-reading-minor-below: 10px;
  --space-reading-lead: 16px;
  --space-reading-quote: 20px;
  --space-reading-section: 32px;
  --space-reading-foot: 32px;
}
:root[data-reading="compact"] {
  --text-reading-body: clamp(
    18px,
    calc(17.1713px + 0.221vw),
    20px
  );
  --text-reading-lead: clamp(
    16px,
    calc(15.1713px + 0.221vw),
    18px
  );
  --text-reading-quote: clamp(
    18px,
    calc(17.1713px + 0.221vw),
    20px
  );
  --text-reading-section: clamp(
    18px,
    calc(15.5138px + 0.663vw),
    24px
  );
  --text-reading-title: clamp(
    20px,
    calc(16.6851px + 0.884vw),
    28px
  );
  --text-reading-byline: clamp(
    13px,
    calc(12.5856px + 0.1105vw),
    14px
  );
  --text-reading-meta: 14px;
  --text-reading-head: clamp(
    16px,
    calc(14.3425px + 0.442vw),
    20px
  );
  
  --space-reading-paragraph: 16px;
  --space-reading-block: 24px;
  --space-reading-heading-above: 40px;
  --space-reading-heading-below: 20px;
  --space-reading-subhead-above: 24px;
  --space-reading-subhead-below: 16px;
  --space-reading-minor-above: 20px;
  --space-reading-minor-below: 12px;
  --space-reading-lead: 20px;
  --space-reading-quote: 24px;
  --space-reading-section: 40px;
  --space-reading-foot: 40px;
}
:root[data-reading="default"] {
  --text-reading-body: clamp(
    20px,
    calc(19.1713px + 0.221vw),
    22px
  );
  --text-reading-lead: clamp(
    18px,
    calc(17.1713px + 0.221vw),
    20px
  );
  --text-reading-quote: clamp(
    20px,
    calc(18.3425px + 0.442vw),
    24px
  );
  --text-reading-section: clamp(
    20px,
    calc(16.6851px + 0.884vw),
    28px
  );
  --text-reading-title: clamp(
    24px,
    calc(19.0276px + 1.326vw),
    36px
  );
  --text-reading-byline: clamp(
    14px,
    calc(13.1713px + 0.221vw),
    16px
  );
  --text-reading-meta: 16px;
  --text-reading-head: clamp(
    18px,
    calc(15.5138px + 0.663vw),
    24px
  );
  
  --space-reading-paragraph: 20px;
  --space-reading-block: 32px;
  --space-reading-heading-above: 48px;
  --space-reading-heading-below: 24px;
  --space-reading-subhead-above: 32px;
  --space-reading-subhead-below: 20px;
  --space-reading-minor-above: 24px;
  --space-reading-minor-below: 12px;
  --space-reading-lead: 24px;
  --space-reading-quote: 32px;
  --space-reading-section: 48px;
  --space-reading-foot: 48px;
}
:root[data-reading="large"] {
  --text-reading-body: clamp(
    24px,
    calc(22.3425px + 0.442vw),
    28px
  );
  --text-reading-lead: clamp(
    22px,
    calc(21.1713px + 0.221vw),
    24px
  );
  --text-reading-quote: clamp(
    24px,
    calc(22.3425px + 0.442vw),
    28px
  );
  --text-reading-section: clamp(
    24px,
    calc(14.0552px + 2.6519vw),
    48px
  );
  --text-reading-title: clamp(
    36px,
    calc(31.0276px + 1.326vw),
    48px
  );
  --text-reading-byline: clamp(
    18px,
    calc(17.1713px + 0.221vw),
    20px
  );
  --text-reading-meta: 20px;
  --text-reading-head: clamp(
    22px,
    calc(19.5138px + 0.663vw),
    28px
  );
  
  --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;
}
:root[data-reading="huge"] {
  --text-reading-body: clamp(
    28px,
    calc(24.6851px + 0.884vw),
    36px
  );
  --text-reading-lead: clamp(
    24px,
    calc(22.3425px + 0.442vw),
    28px
  );
  --text-reading-quote: clamp(
    28px,
    calc(24.6851px + 0.884vw),
    36px
  );
  --text-reading-section: clamp(
    36px,
    calc(31.0276px + 1.326vw),
    48px
  );
  --text-reading-title: clamp(
    48px,
    calc(38.0552px + 2.6519vw),
    72px
  );
  --text-reading-byline: clamp(
    20px,
    calc(19.1713px + 0.221vw),
    22px
  );
  --text-reading-meta: 22px;
  --text-reading-head: clamp(
    28px,
    calc(24.6851px + 0.884vw),
    36px
  );
  
  --space-reading-paragraph: 32px;
  --space-reading-block: 48px;
  --space-reading-heading-above: 80px;
  --space-reading-heading-below: 40px;
  --space-reading-subhead-above: 48px;
  --space-reading-subhead-below: 32px;
  --space-reading-minor-above: 40px;
  --space-reading-minor-below: 20px;
  --space-reading-lead: 40px;
  --space-reading-quote: 48px;
  --space-reading-section: 80px;
  --space-reading-foot: 80px;
}