/* Оптимизированные шрифты для WordPress темы */

/* Preload критических шрифтов в HTML:
<link rel="preload" href="fonts-optimized/CeraCompactPro-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="fonts-optimized/CeraCompactPro-Bold.woff2" as="font" type="font/woff2" crossorigin>
*/

/* Оптимизированные шрифты */

@font-face {
  font-family: 'CeraCompactPro';
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src: url('../fonts-optimized/CeraCompactPro-Bold.woff2') format('woff2'),
       url('../fonts-optimized/CeraCompactPro-Bold.woff') format('woff');
}

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

@font-face {
  font-family: 'CeraPro';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('../fonts-optimized/CeraPro-Medium.woff') format('woff');
}

@font-face {
  font-family: 'CeraPro';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('../fonts-optimized/CeraPro-Regular.woff') format('woff');
}


/* Утилитарные классы для шрифтов */
.font-primary {
  font-family: 'Ceracompactpro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-secondary {
  font-family: 'Cerapro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-system {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Оптимизация загрузки шрифтов */
.font-loading {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Медиа-запросы для оптимизации */
@media (prefers-reduced-motion: reduce) {
  * {
    font-display: block;
  }
}

@media (max-width: 767px) {
  /* Используем системные шрифты на мобильных для ускорения */
  .mobile-system-font {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }
}
