@font-face {
  font-family: "Cascadia Code NF";
  src: url("/assets/fonts/CascadiaCodeNF.woff2") format("woff2");
  font-weight: 200 700;
  font-style: normal;
}

@font-face {
  font-family: "Cascadia Code NF";
  src: url("/assets/fonts/CascadiaCodeNFItalic.woff2") format("woff2");
  font-weight: 200 700;
  font-style: italic;
}

:root {
  --fonts-monospace: "Cascadia Code NF", "Cascadia Code", monospace;
  --color-markup-table-row: light-dark(#00000010, #ffffff06)
}

.chroma, pre, code {
  font-size: 1rem !important;
  font-feature-settings: 'ss01' 1, 'ss19' 1 !important;
}

/* Fancy italics in editor   */
.chroma .c, .chroma .k, pre .c, code .c, code .c1, code .sd,
.cm-editor .ͼy, .cm-editor .ͼq, .cm-editor .ͼp {
  font-style: italic;
  font-feature-settings: 'ss01' 1, 'ss19' 1 !important;
}

html {
  scroll-behavior: smooth;
}

thead tr {
  background-color: var(--color-markup-table-row);
}