/* The marketing pages' own tokens: the landing page, for shops, pricing, questions, privacy and terms. Kept apart
   from tokens.css, which holds the brand colours. The signed-in app, mailers and error pages don't use these.

   Headings (h1, h2) on those pages are set in Literata, a free variable serif drawn for long reading on screens, with
   sturdy strokes and open letters that hold up for low vision at large sizes. SIL Open Font License 1.1
   (fonts/Literata-OFL.txt). The file is cut to Latin, weights 600 to 800, with its optical size axis, so the browser
   picks a heavier, lower contrast design for smaller headings on its own. Body text stays Atkinson Hyperlegible Next. */

@font-face {
  font-family: "Literata";
  src: url("/assets/Literata-Variable-eadcbc45.woff2") format("woff2");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-serif: "Literata", Georgia, "Times New Roman", serif;
  --weight-serif: 650;      /* section headings */
  --weight-serif-bold: 700; /* the landing hero */
  --radius-xl: 32px;        /* the big tinted panels behind product pictures */

  /* The landing page's one-time entrances: the morning review card in the hero, and each section as it scrolls in. */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --reveal-duration: 640ms;
  --reveal-distance: 1.5rem;
}