@font-face {
  font-family: "Lexend Deca";
  src: url("../assets/fonts/LexendDeca-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Lexend Deca";
  src: url("../assets/fonts/LexendDeca-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Lexend Deca";
  src: url("../assets/fonts/LexendDeca-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Lexend Deca";
  src: url("../assets/fonts/LexendDeca-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Lexend Deca";
  src: url("../assets/fonts/LexendDeca-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

:root {
  /* Font Families */
  --font-headers: "Lexend Deca", system-ui, sans-serif;
  --font-body: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  
  /* Font Sizes */
  --fs-nano: 9px;
  --fs-micro: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;
  --fs-4xl: 36px;
  
  /* Letter Spacing */
  --tracking-normal: 0;
  --tracking-wide: 0.01em;
  --tracking-wider: 0.18em;
}