/* ==========================================================================
   Typography
   Muller — основной шрифт проекта.
   Файлы: assets/fonts/muller/

   Всё семейство объявлено под одним family-name «Muller»: начертание
   выбирается через font-weight / font-style, а не через отдельные имена.
   Браузер скачивает только те файлы, которые реально используются.

   Карта весов (в семействе 10 начертаний, поэтому шкала плотнее обычной):
     100  Hairline      400  Regular       800  ExtraBold
     200  Thin          500  Medium        900  Heavy
     250  UltraLight    700  Bold          950  Black
     300  Light
   ========================================================================== */

/* --- 100 Hairline --------------------------------------------------------- */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerHairline.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerHairline.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerHairlineItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerHairlineItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* --- 200 Thin ------------------------------------------------------------- */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerThin.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerThin.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerThinItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerThinItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* --- 250 UltraLight ------------------------------------------------------- */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerUltraLight.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerUltraLight.woff") format("woff");
  font-weight: 250;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerUltraLightItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerUltraLightItalic.woff") format("woff");
  font-weight: 250;
  font-style: italic;
  font-display: swap;
}

/* --- 300 Light ------------------------------------------------------------ */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerLight.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerLightItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerLightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* --- 400 Regular ---------------------------------------------------------- */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerRegular.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerRegularItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerRegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* --- 500 Medium ----------------------------------------------------------- */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerMedium.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerMediumItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerMediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* --- 700 Bold ------------------------------------------------------------- */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerBold.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerBoldItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerBoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* --- 800 ExtraBold -------------------------------------------------------- */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerExtraBold.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerExtraBoldItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* --- 900 Heavy ------------------------------------------------------------ */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerHeavy.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerHeavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerHeavyItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerHeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* --- 950 Black ------------------------------------------------------------ */
@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerBlack.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerBlack.woff") format("woff");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: url("../../assets/fonts/muller/MullerBlackItalic.woff2") format("woff2"),
       url("../../assets/fonts/muller/MullerBlackItalic.woff") format("woff");
  font-weight: 950;
  font-style: italic;
  font-display: swap;
}

/* ==========================================================================
   Токены типографики
   ========================================================================== */

:root {
  --font-primary: "Muller", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 950;

  /* Меню и телефон в шапке: 20px / letter-spacing -1px при ширине 1920 */
  --fs-nav: clamp(0.875rem, 1.0417vw, 1.25rem);
  --ls-nav: -0.05em;
}

body {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
  color: var(--text-primary);
  background-color: var(--bg-base);
}