/* GENERATED by tools/extract-tokens.js - do not hand-edit.
   Tokens plus the @font-face declarations they depend on. See this file's
   source for provenance and measured values. */
:root {
  /* colour */
  --ink: #1f2a44;
  --ink-soft: #1f2121;
  --paper: #ffffff;
  --mushroom: #e9e7e1;
  --light-grey: #f3f1ec;
  --beige: #dcd8cc;
  --slate: #090b10;
  --pill: rgba(31,42,68,.2);

  /* type scale */
  --step-0: 0.875rem;
  --step-1: 1rem;
  --step-2: 1.125rem;
  --step-3: 2rem;
  --step-4: 2.625rem;
  --step-5: 3.75rem;
  --step-6: 5.5rem;
  --step-7: 16rem;
  --step-8: 20rem;

  /* families */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-sans: "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --font-condensed: "Oswald", ui-sans-serif, sans-serif;

  /* spacing */
  --space-1: .35em;
  --space-2: .75em;
  --space-3: 1.1em;
  --space-4: 1.5em;
  --space-5: 2em;
  --space-6: 2.75em;
  --space-8: 4em;
  --space-10: 5.5em;
  --space-12: 7em;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/fonts/CormorantGaramond-normal-latin.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/fonts/CormorantGaramond-italic-latin.woff2") format("woff2");
  font-weight: 400 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("/fonts/InterTight-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("/fonts/InterTight-Italic-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("/fonts/Oswald-VariableFont_wght.woff2") format("woff2");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}