/* The design system's tokens come from tokens.css; no colour value is written in this file. */
@font-face {
  font-family: "Lexend";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/lexend-latin-wght-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");
}
body {
  font:
    18px / 1.6 "Source Sans 3",
    ui-sans-serif,
    system-ui,
    sans-serif;
  max-width: 40rem;
  margin: 3rem auto;
  padding: 0 1rem;
  color: var(--ink);
  background: var(--paper);
}
h1 {
  font-family: "Lexend", ui-sans-serif, system-ui, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  margin: 0;
}
.brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  color: var(--brand);
}
.brand svg {
  flex-shrink: 0;
}