@font-face {
  font-family: "Manrope";
  src: url("./fonts/manrope-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("./fonts/ibm-plex-mono-latin-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("./fonts/ibm-plex-mono-latin-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --bg: #071118;
  --surface: #0c1d24;
  --surface-raised: #10262d;
  --text: #ebf4f3;
  --muted: #a5bbc1;
  --subtle: #73919c;
  --border: #29424b;
  --accent: #9ae6cd;
  --accent-hover: #bdf2e0;
  --cool: #77bbd6;
  --font-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  font-family: var(--font-sans);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
::selection { background: #345c56; color: var(--text); }