/*
 * assets/css/fonts.css
 * Подключение шрифтов Roboto (форматы .woff2 и .woff)
 * Разместите этот файл в assets/css/, а сами шрифты — в assets/fonts/roboto/
 * Пример пути (относительно этого файла): ../fonts/roboto/Roboto-Regular.woff2
 * Используйте font-display: swap для лучшей производительности и UX.
 */

@font-face {
  font-family: 'Roboto';
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
       url('../fonts/roboto/Roboto-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto/Roboto-Italic.woff2') format('woff2'),
       url('../fonts/roboto/Roboto-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
       url('../fonts/roboto/Roboto-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Дополнительно: можно добавить 700 italic, если у вас такой файл */
/*
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'),
       url('../fonts/roboto/Roboto-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
*/

/* Базовый стек для использования в теме */
:root {
  --system-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
}

body {
  font-family: 'Roboto', var(--system-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Подсказки:
   - Убедитесь, что URL в src корректны относительно местоположения fonts.css.
   - Если используете CDN или Google Fonts — тогда локальные файлы не нужны.
*/