@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/Manrope-Latin.938c6e8019b6.woff2") format("woff2");
}

:root {
  color-scheme: dark;
  --bg: #0f1116;
  --panel: #1a1e28;
  --panel-2: #121722;
  --text: #e7eaf0;
  --muted: #9aa3b2;
  --accent: #63a4ff;
  --line: #2b3342;
  --good: #6cd887;
  --warn: #ffcb6b;
  /* Declared only here rather than per theme: the themes override the palette
     they share, and every one of them wants the same red for money being
     wasted. Chosen to clear contrast on both the light and dark panels. */
  --bad: #e5484d;
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-sans);
}