@font-face {
  font-family: "Raleway";
  src: local("Raleway"), local("Raleway Regular");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-flourish: "Raleway", "Inter", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-display: "Crimson Pro", "Crimson Text", serif;

  /* Typography tokens */
  --type-h1: normal 700 56px/56px var(--font-display);
  --type-h2: normal 700 40px/40px var(--font-display);
  --type-navH: normal 500 24px/24px var(--font-display);
  --type-subtitle-l: normal 500 24px/30px var(--font-flourish);
  --type-subtitle-m: normal 600 20px/30px var(--font-flourish);
  --type-subtitle-s: normal 300 15px/21px var(--font-flourish);
  --type-body-l: normal 300 20px/30px var(--font-body);
  --type-body-m: normal 300 18px/27px var(--font-body);
  --type-list-m: normal 300 15px/21px var(--font-flourish);
  --type-action: normal 600 14px/14px var(--font-flourish);
  --type-caption-m: normal 300 15px/15px var(--font-flourish);
}