/* =====================================================================
   BRIDGES · ЕДИНЫЙ ШРИФТОВОЙ ФУНДАМЕНТ (single source of truth)
   Закон: заголовки - Metal-Reg-1 (ТОЛЬКО вес 400); текст/кнопки/подписи -
   Montserrat (макс 500). Circe не существует - перехватывается в Montserrat.
   Переносится в Next как есть. Шрифт Metal самохостится (не зависим от боевого).
   ===================================================================== */

/* ---- Montserrat (текст) ---- */

/* ---- Metal-Reg-1 (заголовки) - самохостинг ---- */
@font-face {
  font-family: 'Metal-Reg-1';
  src: url('_bridges_fonts/Metal-Reg-1/Metal-Reg-1.woff2') format('woff2'),
       url('_bridges_fonts/Metal-Reg-1/Metal-Reg-1.woff') format('woff'),
       url('_bridges_fonts/Metal-Reg-1/Metal-Reg-1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  /* Заголовки ждут свой шрифт, а не мигают чужим (правка 27.08.2026).
     При swap браузер рисовал заголовок системным шрифтом - широким,
     не как Metal, - и через миг перерисовывал: на экране вспыхивало
     огромное «BRIDGES». Metal самохостится и стоит в preload, поэтому
     приходит за десятки миллисекунд: блок незаметен, а подмены нет. */
  font-display: block;
}

/* Circe -> Montserrat: любой легаси-вызов Circe отдает Montserrat */
@font-face {
  font-family: 'Circe';
  src: local('Montserrat'), local('Montserrat-Regular');
  font-weight: 400 700;
  font-display: swap;
}

/* ---- ТОКЕНЫ ШРИФТОВ ---- */
:root {
  --font-display: 'Metal-Reg-1', 'Montserrat', sans-serif; /* заголовки, вес 400 */
  --font-text: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* текст, макс 500 */
}

/* ---- ЗАКОН ТИПОГРАФИКИ (страховочная сетка) ----
   Заголовки и заголовочные классы темы -> Metal 400.
   Все остальное -> Montserrat. Правило мягкое (без !important), чтобы
   точечные утвержденные правила темы (кнопки 500, CTA-заголовки) не ломались. */
h1, h2, h3, h4,
.pageHero__ttl, .sectionHTitle__txt, .sectionH__cnt, .ctasIt__ttl,
[class*="__ttl"], [class*="Title"], [class*="__title"] {
  font-family: var(--font-display);
  font-weight: 400;
}

body, p, li, a, span, button, input, textarea, select, label, td, th,
.pageHero__txt, [class*="__txt"], [class*="__sub"] {
  font-family: var(--font-text);
}