/* 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. */

/* Primary family: use a single family name with proper weights so font-weight works naturally */
@font-face {
  font-family: "lato-reg"; /* Base family used in theme.ts and tailwind.config.js */
  src: url("/fonts/latos/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "lato-reg";
  src: url("/fonts/latos/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "lato-reg";
  src: url("/fonts/latos/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Back-compat single-name families (in case any component explicitly uses them) */
@font-face {
  font-family: "lato-bold";
  src: url("/fonts/latos/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "lato-black";
  src: url("/fonts/latos/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Apply Lato by default on web to close the gap with native */
body,
button,
input,
select,
textarea {
  font-family:
    "lato-reg",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif;
}