/* The type scale and the radii, in one file because two pages need them.
 *
 * They lived in styles.css, which the product page links and the privacy,
 * terms and support pages do not -- so when those pages were converted to read
 * `var(--text-body)` every one of those declarations was invalid, and every
 * size on them silently collapsed to the inherited 16px: heading, lede, body
 * and footer all identical. Nothing errors when a custom property is missing;
 * the rule is simply dropped. One file, linked by both, is the only way that
 * cannot happen again.
 *
 * Linked rather than @import-ed: @import serialises the two requests, and the
 * CSP here is `default-src 'self'`, so a same-origin <link> is the plain way.
 */

:root {
  /* One type scale and one set of radii, because there were nineteen sizes
     and six radii on a single page -- values invented one component at a
     time, including 12.88px and 17.55px, which nobody chose. 15px carries
     the body; 11px is the floor, and nothing may be smaller. Every rule in
     every stylesheet reads from these, and a test refuses a raw value. */
  --text-xs: 11px;
  --text-sm: 12px;
  --text-md: 13px;
  --text-base: 14px;
  --text-body: 15px;
  --text-lg: 18px;
  --text-xl: 23px;
  --text-2xl: 36px;

  --radius-xs: 4px;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-pill: 999px;
}