@font-face {
  font-family: Bebas;
  src: url('fonts/bebas-neue.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('fonts/inter.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: Cormorant;
  src: url('fonts/cormorant-garamond-italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: Plex;
  src: url('fonts/ibm-plex-mono.ttf') format('truetype');
  font-display: swap;
}
:root {
  color-scheme: dark;
  --bg: #06080b;
  --panel: #12191f;
  --line: #334049;
  --ink: #eee9dc;
  --muted: #aab8c0;
  --gold: #d6b76e;
  --red: #c95536;
  --cyan: #81d8df;
  --green: #a4dab6;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 160ms;
  --page: 260ms;
}