/* Inter Variable — один файл на все веса + курсив */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 300 900;          /* диапазон весов */
  font-style: normal;
  font-display: swap;
  font-named-instance: "Regular";
  font-optical-sizing: auto;     /* пусть opsz подстраивается автоматически */
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
  font-named-instance: "Italic";
  font-optical-sizing: auto;
}

/* Не обязательно, но можно зафиксировать предпочитаемые веса,
   чтобы Tailwind-utility классы (font-light/normal/semibold/bold/extrabold)
   точно соответствовали ожидаемым числам */
:root {
  --tw-font-300: 300;
  --tw-font-400: 400;
  --tw-font-600: 600;
  --tw-font-700: 700;
  --tw-font-800: 800;
}

/* На всякий случай явно укажем семью для body, у тебя уже есть в Tailwind,
   но это не помешает */
body { font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }