/* Вариант 2 с подделкой полужирного на выделениях.
   -----------------------------------------------------------------------
   Куплены два начертания. Там, где редактор пометил слова <strong> или <b>,
   браузеру разрешено утолщить Light самому.

   Как это выглядит на деле, измерено на витрине: подделка **не меняет ширин**.
   Настоящий Semibold в строке «Шерстяная сумка с ремнём» шире Light на 14
   пикселей из 179 — рисунок тяжелее, и промежутки нарисованы под него.
   Подделка занимает ровно те же 179: буквы толстеют, а места им не
   прибавляется. Отсюда и вид — просветы внутри букв заплывают, соседние
   штрихи сближаются.

   На выделенном слове в абзаце это терпимо, на заголовке или в интерфейсе —
   нет. Поэтому подделка разрешена ровно в одном месте и запрещена всюду
   остальном.

   Почему здесь другое имя семейства. Подделать вес браузер соглашается
   только тогда, когда начертания для этого веса нет вовсе. Пропустить его в
   этом файле недостаточно: объявления из pepfer-refine.css никуда не
   деваются, там веса 500, 600 и 700 ведут на Regular и Semibold, и
   выделение молча набиралось настоящим полужирным. Отменить чужой
   @font-face нельзя — можно только собрать семейство заново под своим
   именем и перевести на него стек. Тяжёлых начертаний в нём нет, поэтому
   подделывать браузеру есть что. */

@font-face { font-family: 'PP Neue Montreal Two'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/PPNeueMontreal-Light.woff2') format('woff2'), url('fonts/PPNeueMontreal-Light.woff') format('woff'); }
@font-face { font-family: 'PP Neue Montreal Two'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/PPNeueMontreal-Light.woff2') format('woff2'), url('fonts/PPNeueMontreal-Light.woff') format('woff'); }
@font-face { font-family: 'PP Neue Montreal Two'; font-style: italic; font-weight: 300; font-display: swap; src: url('fonts/PPNeueMontreal-LightItalic.woff2') format('woff2'), url('fonts/PPNeueMontreal-LightItalic.woff') format('woff'); }
@font-face { font-family: 'PP Neue Montreal Two'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/PPNeueMontreal-LightItalic.woff2') format('woff2'), url('fonts/PPNeueMontreal-LightItalic.woff') format('woff'); }

/* Стек темы переводится на новое семейство целиком — правится одна
   переменная, как и было задумано в pepfer-refine.css. */
:root {
  --pepfer-sans: 'PP Neue Montreal Two', 'Inter', system-ui, sans-serif;
}

/* Везде, кроме выделений: веса 500 и 600 в теме есть, начертаний для них
   теперь нет, и без этого запрета браузер подделал бы каждое — цены, метки,
   счётчик корзины. Свойство наследуется, поэтому body закрывает и вложенное;
   поля ввода перечислены отдельно, они наследование не подхватывают. */
body,
input,
textarea,
select,
button {
  font-synthesis: none;
}

/* Единственное место, где подделка разрешена. */
.pepfer-rich strong,
.pepfer-rich b {
  font-weight: 700 !important;
  font-synthesis: weight;
}