@font-face {
  font-display: swap;
  font-family: "Lausanne";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/lausanne/TWKLausanne-300.woff2") format("woff2"),
    url("/fonts/lausanne/TWKLausanne-300.woff") format("woff"),
    url("/fonts/lausanne/TWKLausanne-300.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Lausanne";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/lausanne/TWKLausanne-400.woff2") format("woff2"),
    url("/fonts/lausanne/TWKLausanne-400.woff") format("woff"),
    url("/fonts/lausanne/TWKLausanne-400.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Lausanne";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/lausanne/TWKLausanne-500.woff2") format("woff2"),
    url("/fonts/lausanne/TWKLausanne-500.woff") format("woff"),
    url("/fonts/lausanne/TWKLausanne-500.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Menlo";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/menlo/Menlo-Regular.woff2") format("woff2"),
    url("/fonts/menlo/Menlo-Regular.woff") format("woff"),
    url("/fonts/menlo/Menlo-Regular.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Menlo";
  font-style: normal;
  font-weight: bold;
  src: url("/fonts/menlo/Menlo-Bold.woff2") format("woff2"),
    url("/fonts/menlo/Menlo-Bold.woff") format("woff"),
    url("/fonts/menlo/Menlo-Bold.ttf") format("truetype");
}

body, body.light-mode, #reference {
  --scalar-background-1: #ffffff;
  --scalar-background-2: #fcfbfa;
  --scalar-background-3: #f4f2f0;
  --scalar-background-accent: #8ab4f81f;
  --scalar-border-color: #dee2e6;
  --scalar-button-1: #1a1a1a;
  --scalar-button-1-color: #ffffff;
  --scalar-button-1-hover: #4a4a4a;
  --scalar-color-1: #1a1a1a;
  --scalar-color-3: #6c6c6c;
  --scalar-color-2: #888888;
  --scalar-color-accent: #1a1a1a;
  --scalar-font: Lausanne, "Noto Sans", system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --scalar-font-code: Menlo, SFMono-Regular, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

#reference {
  font-weight: 300;
}

#reference h1, #reference h2, #reference h3, #reference h4 {
  font-weight: 400;
}