/* public/css/fonts.css */
/* This file defines the @font-face rules for the Lato font family. */
/* These rules ensure that the custom Lato fonts are loaded and available for use on the web. */

@font-face {
  font-family: 'lato-reg'; /* Corresponds to latoReg in theme.ts and tailwind.config.js */
  src: url('../assets/fonts/latos/Lato-Regular.ttf') format('truetype'); /* Path to the regular font file */
  font-weight: normal; /* Standard weight for regular font */
  font-style: normal; /* Standard style for regular font */
}

@font-face {
  font-family: 'lato-bold'; /* Corresponds to latoBold in theme.ts and tailwind.config.js */
  src: url('../assets/fonts/latos/Lato-Bold.ttf') format('truetype'); /* Path to the bold font file */
  font-weight: bold; /* Standard weight for bold font */
  font-style: normal; /* Standard style for bold font */
}

@font-face {
  font-family: 'lato-black'; /* Corresponds to latoBlack in theme.ts and tailwind.config.js */
  src: url('../assets/fonts/latos/Lato-Black.ttf') format('truetype'); /* Path to the black font file */
  font-weight: 900; /* 'Black' often corresponds to a font weight of 900 */
  font-style: normal; /* Standard style for black font */
}