/*---------- Fonts ----------*/

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/shared/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/shared/fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/shared/fonts/IBM_Plex_Mono/IBMPlexMono-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/shared/fonts/Outfit/Outfit-VariableFont_wght.ttf) format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/*---------- Variables ----------*/
:root {
  --primary: #374548;
  --secondary: #93a7ac;
  --tertiary: #d9825b;

  --bg-primary: #f2eee8;
  --bg-secondary: #e8e4dc;
  --bg-tertiary: #d8c5a6;

  --text-light: var(--bg-primary);
  --text-dark: var(--primary);

  --font-outfit: "Outfit";
  --font-ibm: "IBM Plex Mono";
}

/*---------- Testing ----------*/
.test {
  color: yellow;
}