/* Preloaded in index.html — keep URL in sync. */
@font-face {
  font-family: Lilex;
  src: url("/assets/fonts/Lilex[wght]-v2_620.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
}

@font-face {
  font-family: Lilex;
  src: url("/assets/fonts/Lilex-Italic[wght]-v2_620.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 700;
  font-display: block;
}

/* Preloaded in index.html — keep URL in sync. */
@font-face {
  font-family: Instrument;
  src: url("/assets/fonts/InstrumentSerif-Regular.woff2") format("woff2");
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Instrument;
  src: url("/assets/fonts/InstrumentSerif-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: block;
}

:root {
  --font-mono:
    "Lilex", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --font-serif:
    Instrument, Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
}

html {
  font-family: var(--font-mono);
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-serif);
  font-weight: 400;
}

code {
  font-family: var(--font-mono);
}
