/* ══════════════════════════════════════════════════════════════════════
   Шрифты для страницы «О нас».

   Файлы лежат у нас: политика безопасности разрешает шрифты только со своего
   домена, и грузиться они должны без похода на чужой сервер. Взяты только
   подмножества cyrillic и latin — остальные алфавиты заведению не нужны.

   Объявлены все, но браузер скачивает лишь тот, которым что-то действительно
   набрано: владелец выбрал один набор — гость получил один шрифт.

   Лицензии — в public/fonts/LICENSE.md (все шесть семейств под OFL 1.1).
   ══════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/playfair-display-500-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/playfair-display-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/playfair-display-600-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/playfair-display-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-600-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/unbounded-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/unbounded-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/unbounded-600-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/unbounded-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/manrope-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/manrope-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/manrope-600-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/manrope-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/montserrat-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/montserrat-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/montserrat-600-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/montserrat-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/lora-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/lora-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/lora-600-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/lora-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ─── Шрифты каталога (выбор в «Оформлении») ────────────────────────── */
/* Подмножества cyrillic и latin, лицензии — в public/fonts/LICENSE.md.
   Переменные шрифты объявлены одним файлом на диапазон начертаний. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/inter/inter-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/inter/inter-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/oswald/oswald-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/oswald/oswald-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Yanone Kaffeesatz";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/yanone-kaffeesatz/yanone-kaffeesatz-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Yanone Kaffeesatz";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/yanone-kaffeesatz/yanone-kaffeesatz-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/raleway/raleway-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/raleway/raleway-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/alegreya/alegreya-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/alegreya/alegreya-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Old Standard TT";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/old-standard-tt/old-standard-tt-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Old Standard TT";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/old-standard-tt/old-standard-tt-700-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Old Standard TT";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/old-standard-tt/old-standard-tt-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Old Standard TT";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/old-standard-tt/old-standard-tt-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Yeseva One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/yeseva-one/yeseva-one-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Yeseva One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/yeseva-one/yeseva-one-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Great Vibes";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/great-vibes/great-vibes-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Great Vibes";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/great-vibes/great-vibes-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Pacifico";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/pacifico/pacifico-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Pacifico";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/pacifico/pacifico-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Rubik Mono One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/rubik-mono-one/rubik-mono-one-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Rubik Mono One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/rubik-mono-one/rubik-mono-one-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Didact Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/didact-gothic/didact-gothic-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Didact Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/didact-gothic/didact-gothic-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/source-sans-3/source-sans-3-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/source-sans-3/source-sans-3-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/playfair-display-sc/playfair-display-sc-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/playfair-display-sc/playfair-display-sc-700-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/playfair-display-sc/playfair-display-sc-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/playfair-display-sc/playfair-display-sc-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/jost/jost-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/jost/jost-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/nunito/nunito-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/nunito/nunito-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Comfortaa";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/comfortaa/comfortaa-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Comfortaa";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/comfortaa/comfortaa-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Lobster";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/lobster/lobster-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Lobster";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/lobster/lobster-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Marck Script";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/marck-script/marck-script-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Marck Script";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/marck-script/marck-script-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ─── Набор шрифтов ──────────────────────────────────────────────────── */
/* Владелец выбирает пару «заголовки + текст», а правила ниже только
   подставляют её в две переменные. Так новый набор — это четыре строки, а не
   копия всех правил страницы.

   Первые три набора собраны из тех же семейств, что и весь сайт; остальные
   лежат своими файлами в public/fonts (см. fonts.css и лицензии рядом). */

[data-type] {
  --about-display: var(--font-display);
  --about-text: var(--font-text);
  --about-title-weight: 500;
  --about-title-spacing: 0;
}

[data-type="airy"] {
  --about-title-weight: 300;
  --about-title-spacing: 0.01em;
}
[data-type="strict"] {
  --about-display: var(--font-text);
  --about-title-weight: 600;
  --about-title-spacing: -0.01em;
}
[data-type="classic"] {
  --about-display: "Playfair Display", var(--font-display);
  --about-text: "Lora", var(--font-text);
  --about-title-weight: 600;
}
[data-type="elegant"] {
  --about-display: "Cormorant Garamond", var(--font-display);
  --about-text: "Manrope", var(--font-text);
  --about-title-weight: 600;
}
[data-type="modern"] {
  --about-display: "Unbounded", var(--font-display);
  --about-text: "Manrope", var(--font-text);
  --about-title-weight: 600;
  --about-title-spacing: -0.02em;
}
[data-type="clean"] {
  --about-display: "Montserrat", var(--font-display);
  --about-text: "Montserrat", var(--font-text);
  --about-title-weight: 600;
}
[data-type="book"] {
  --about-display: "Lora", var(--font-display);
  --about-text: "Lora", var(--font-text);
  --about-title-weight: 600;
}

/* Кормора́н и Playfair мелкими не читаются — у антиквы тонкие штрихи, и
   на телефоне они пропадают. Поэтому у наборов с антиквой свой запас размера. */
[data-type="elegant"] {
  --about-serif-boost: 1.12;
}
[data-type="classic"],
[data-type="book"] {
  --about-serif-boost: 1.04;
}

/* ─── Карта шрифтов ──────────────────────────────────────────────────── */
/* Сервер ставит на <html> атрибуты data-font-<место>="<ключ>" (pageChrome.ts),
   а скрипт — те же атрибуты при смене настроек. Правила ниже превращают ключ в
   переменную --font-<место>; сами места пользуются ею в menu.css и banner.css.
   Новый шрифт = строки здесь + запись в fontCatalog.js (тест сверяет). */

[data-font-headings="fixel-text"] { --font-headings: "Fixel Text", ui-sans-serif, system-ui, "Segoe UI", sans-serif; --headings-fit: 1; }
[data-font-headings="fixel-display"] { --font-headings: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="manrope"] { --font-headings: Manrope, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="montserrat"] { --font-headings: Montserrat, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="unbounded"] { --font-headings: Unbounded, "Fixel Display", ui-sans-serif, system-ui, sans-serif; --headings-fit: 0.8; }
[data-font-headings="playfair-display"] { --font-headings: "Playfair Display", Georgia, "Times New Roman", "Noto Serif", serif; --headings-fit: 1; }
[data-font-headings="lora"] { --font-headings: Lora, Georgia, "Times New Roman", "Noto Serif", serif; --headings-fit: 1; }
[data-font-headings="cormorant-garamond"] { --font-headings: "Cormorant Garamond", Georgia, "Times New Roman", "Noto Serif", serif; --headings-fit: 1.1; }
[data-font-headings="inter"] { --font-headings: Inter, ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="oswald"] { --font-headings: Oswald, Impact, ui-sans-serif, system-ui, sans-serif; --headings-fit: 1.1; }
[data-font-headings="yanone-kaffeesatz"] { --font-headings: "Yanone Kaffeesatz", Impact, ui-sans-serif, system-ui, sans-serif; --headings-fit: 1.15; }
[data-font-headings="raleway"] { --font-headings: Raleway, ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="alegreya"] { --font-headings: Alegreya, Georgia, "Times New Roman", "Noto Serif", serif; --headings-fit: 1; }
[data-font-headings="old-standard-tt"] { --font-headings: "Old Standard TT", Georgia, "Times New Roman", "Noto Serif", serif; --headings-fit: 1; }
[data-font-headings="yeseva-one"] { --font-headings: "Yeseva One", Georgia, "Times New Roman", "Noto Serif", serif; --headings-fit: 0.95; }
[data-font-headings="great-vibes"] { --font-headings: "Great Vibes", "Segoe Script", cursive; --headings-fit: 1.18; }
[data-font-headings="pacifico"] { --font-headings: Pacifico, "Segoe Script", cursive; --headings-fit: 0.92; }
[data-font-headings="rubik-mono-one"] { --font-headings: "Rubik Mono One", Impact, ui-sans-serif, system-ui, sans-serif; --headings-fit: 0.78; }
[data-font-headings="didact-gothic"] { --font-headings: "Didact Gothic", ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="source-sans-3"] { --font-headings: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="playfair-display-sc"] { --font-headings: "Playfair Display SC", Georgia, "Times New Roman", "Noto Serif", serif; --headings-fit: 0.92; }
[data-font-headings="jost"] { --font-headings: Jost, ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="nunito"] { --font-headings: Nunito, ui-sans-serif, system-ui, sans-serif; --headings-fit: 1; }
[data-font-headings="comfortaa"] { --font-headings: Comfortaa, ui-sans-serif, system-ui, sans-serif; --headings-fit: 0.94; }
[data-font-headings="lobster"] { --font-headings: Lobster, "Segoe Script", cursive; --headings-fit: 1.05; }
[data-font-headings="marck-script"] { --font-headings: "Marck Script", "Segoe Script", cursive; --headings-fit: 1.1; }

[data-font-text="fixel-text"] { --font-text: "Fixel Text", ui-sans-serif, system-ui, "Segoe UI", sans-serif; --text-fit: 1; }
[data-font-text="fixel-display"] { --font-text: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="manrope"] { --font-text: Manrope, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="montserrat"] { --font-text: Montserrat, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="unbounded"] { --font-text: Unbounded, "Fixel Display", ui-sans-serif, system-ui, sans-serif; --text-fit: 0.8; }
[data-font-text="playfair-display"] { --font-text: "Playfair Display", Georgia, "Times New Roman", "Noto Serif", serif; --text-fit: 1; }
[data-font-text="lora"] { --font-text: Lora, Georgia, "Times New Roman", "Noto Serif", serif; --text-fit: 1; }
[data-font-text="cormorant-garamond"] { --font-text: "Cormorant Garamond", Georgia, "Times New Roman", "Noto Serif", serif; --text-fit: 1.1; }
[data-font-text="inter"] { --font-text: Inter, ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="oswald"] { --font-text: Oswald, Impact, ui-sans-serif, system-ui, sans-serif; --text-fit: 1.1; }
[data-font-text="yanone-kaffeesatz"] { --font-text: "Yanone Kaffeesatz", Impact, ui-sans-serif, system-ui, sans-serif; --text-fit: 1.15; }
[data-font-text="raleway"] { --font-text: Raleway, ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="alegreya"] { --font-text: Alegreya, Georgia, "Times New Roman", "Noto Serif", serif; --text-fit: 1; }
[data-font-text="old-standard-tt"] { --font-text: "Old Standard TT", Georgia, "Times New Roman", "Noto Serif", serif; --text-fit: 1; }
[data-font-text="yeseva-one"] { --font-text: "Yeseva One", Georgia, "Times New Roman", "Noto Serif", serif; --text-fit: 0.95; }
[data-font-text="great-vibes"] { --font-text: "Great Vibes", "Segoe Script", cursive; --text-fit: 1.18; }
[data-font-text="pacifico"] { --font-text: Pacifico, "Segoe Script", cursive; --text-fit: 0.92; }
[data-font-text="rubik-mono-one"] { --font-text: "Rubik Mono One", Impact, ui-sans-serif, system-ui, sans-serif; --text-fit: 0.78; }
[data-font-text="didact-gothic"] { --font-text: "Didact Gothic", ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="source-sans-3"] { --font-text: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="playfair-display-sc"] { --font-text: "Playfair Display SC", Georgia, "Times New Roman", "Noto Serif", serif; --text-fit: 0.92; }
[data-font-text="jost"] { --font-text: Jost, ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="nunito"] { --font-text: Nunito, ui-sans-serif, system-ui, sans-serif; --text-fit: 1; }
[data-font-text="comfortaa"] { --font-text: Comfortaa, ui-sans-serif, system-ui, sans-serif; --text-fit: 0.94; }
[data-font-text="lobster"] { --font-text: Lobster, "Segoe Script", cursive; --text-fit: 1.05; }
[data-font-text="marck-script"] { --font-text: "Marck Script", "Segoe Script", cursive; --text-fit: 1.1; }

[data-font-prices="fixel-text"] { --font-prices: "Fixel Text", ui-sans-serif, system-ui, "Segoe UI", sans-serif; --prices-fit: 1; }
[data-font-prices="fixel-display"] { --font-prices: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="manrope"] { --font-prices: Manrope, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="montserrat"] { --font-prices: Montserrat, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="unbounded"] { --font-prices: Unbounded, "Fixel Display", ui-sans-serif, system-ui, sans-serif; --prices-fit: 0.8; }
[data-font-prices="playfair-display"] { --font-prices: "Playfair Display", Georgia, "Times New Roman", "Noto Serif", serif; --prices-fit: 1; }
[data-font-prices="lora"] { --font-prices: Lora, Georgia, "Times New Roman", "Noto Serif", serif; --prices-fit: 1; }
[data-font-prices="cormorant-garamond"] { --font-prices: "Cormorant Garamond", Georgia, "Times New Roman", "Noto Serif", serif; --prices-fit: 1.1; }
[data-font-prices="inter"] { --font-prices: Inter, ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="oswald"] { --font-prices: Oswald, Impact, ui-sans-serif, system-ui, sans-serif; --prices-fit: 1.1; }
[data-font-prices="yanone-kaffeesatz"] { --font-prices: "Yanone Kaffeesatz", Impact, ui-sans-serif, system-ui, sans-serif; --prices-fit: 1.15; }
[data-font-prices="raleway"] { --font-prices: Raleway, ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="alegreya"] { --font-prices: Alegreya, Georgia, "Times New Roman", "Noto Serif", serif; --prices-fit: 1; }
[data-font-prices="old-standard-tt"] { --font-prices: "Old Standard TT", Georgia, "Times New Roman", "Noto Serif", serif; --prices-fit: 1; }
[data-font-prices="yeseva-one"] { --font-prices: "Yeseva One", Georgia, "Times New Roman", "Noto Serif", serif; --prices-fit: 0.95; }
[data-font-prices="great-vibes"] { --font-prices: "Great Vibes", "Segoe Script", cursive; --prices-fit: 1.18; }
[data-font-prices="pacifico"] { --font-prices: Pacifico, "Segoe Script", cursive; --prices-fit: 0.92; }
[data-font-prices="rubik-mono-one"] { --font-prices: "Rubik Mono One", Impact, ui-sans-serif, system-ui, sans-serif; --prices-fit: 0.78; }
[data-font-prices="didact-gothic"] { --font-prices: "Didact Gothic", ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="source-sans-3"] { --font-prices: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="playfair-display-sc"] { --font-prices: "Playfair Display SC", Georgia, "Times New Roman", "Noto Serif", serif; --prices-fit: 0.92; }
[data-font-prices="jost"] { --font-prices: Jost, ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="nunito"] { --font-prices: Nunito, ui-sans-serif, system-ui, sans-serif; --prices-fit: 1; }
[data-font-prices="comfortaa"] { --font-prices: Comfortaa, ui-sans-serif, system-ui, sans-serif; --prices-fit: 0.94; }
[data-font-prices="lobster"] { --font-prices: Lobster, "Segoe Script", cursive; --prices-fit: 1.05; }
[data-font-prices="marck-script"] { --font-prices: "Marck Script", "Segoe Script", cursive; --prices-fit: 1.1; }

[data-font-wifi="fixel-text"] { --font-wifi: "Fixel Text", ui-sans-serif, system-ui, "Segoe UI", sans-serif; --wifi-fit: 1; }
[data-font-wifi="fixel-display"] { --font-wifi: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="manrope"] { --font-wifi: Manrope, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="montserrat"] { --font-wifi: Montserrat, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="unbounded"] { --font-wifi: Unbounded, "Fixel Display", ui-sans-serif, system-ui, sans-serif; --wifi-fit: 0.8; }
[data-font-wifi="playfair-display"] { --font-wifi: "Playfair Display", Georgia, "Times New Roman", "Noto Serif", serif; --wifi-fit: 1; }
[data-font-wifi="lora"] { --font-wifi: Lora, Georgia, "Times New Roman", "Noto Serif", serif; --wifi-fit: 1; }
[data-font-wifi="cormorant-garamond"] { --font-wifi: "Cormorant Garamond", Georgia, "Times New Roman", "Noto Serif", serif; --wifi-fit: 1.1; }
[data-font-wifi="inter"] { --font-wifi: Inter, ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="oswald"] { --font-wifi: Oswald, Impact, ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1.1; }
[data-font-wifi="yanone-kaffeesatz"] { --font-wifi: "Yanone Kaffeesatz", Impact, ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1.15; }
[data-font-wifi="raleway"] { --font-wifi: Raleway, ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="alegreya"] { --font-wifi: Alegreya, Georgia, "Times New Roman", "Noto Serif", serif; --wifi-fit: 1; }
[data-font-wifi="old-standard-tt"] { --font-wifi: "Old Standard TT", Georgia, "Times New Roman", "Noto Serif", serif; --wifi-fit: 1; }
[data-font-wifi="yeseva-one"] { --font-wifi: "Yeseva One", Georgia, "Times New Roman", "Noto Serif", serif; --wifi-fit: 0.95; }
[data-font-wifi="great-vibes"] { --font-wifi: "Great Vibes", "Segoe Script", cursive; --wifi-fit: 1.18; }
[data-font-wifi="pacifico"] { --font-wifi: Pacifico, "Segoe Script", cursive; --wifi-fit: 0.92; }
[data-font-wifi="rubik-mono-one"] { --font-wifi: "Rubik Mono One", Impact, ui-sans-serif, system-ui, sans-serif; --wifi-fit: 0.78; }
[data-font-wifi="didact-gothic"] { --font-wifi: "Didact Gothic", ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="source-sans-3"] { --font-wifi: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="playfair-display-sc"] { --font-wifi: "Playfair Display SC", Georgia, "Times New Roman", "Noto Serif", serif; --wifi-fit: 0.92; }
[data-font-wifi="jost"] { --font-wifi: Jost, ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="nunito"] { --font-wifi: Nunito, ui-sans-serif, system-ui, sans-serif; --wifi-fit: 1; }
[data-font-wifi="comfortaa"] { --font-wifi: Comfortaa, ui-sans-serif, system-ui, sans-serif; --wifi-fit: 0.94; }
[data-font-wifi="lobster"] { --font-wifi: Lobster, "Segoe Script", cursive; --wifi-fit: 1.05; }
[data-font-wifi="marck-script"] { --font-wifi: "Marck Script", "Segoe Script", cursive; --wifi-fit: 1.1; }

[data-font-tips="fixel-text"] { --font-tips: "Fixel Text", ui-sans-serif, system-ui, "Segoe UI", sans-serif; --tips-fit: 1; }
[data-font-tips="fixel-display"] { --font-tips: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="manrope"] { --font-tips: Manrope, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="montserrat"] { --font-tips: Montserrat, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="unbounded"] { --font-tips: Unbounded, "Fixel Display", ui-sans-serif, system-ui, sans-serif; --tips-fit: 0.8; }
[data-font-tips="playfair-display"] { --font-tips: "Playfair Display", Georgia, "Times New Roman", "Noto Serif", serif; --tips-fit: 1; }
[data-font-tips="lora"] { --font-tips: Lora, Georgia, "Times New Roman", "Noto Serif", serif; --tips-fit: 1; }
[data-font-tips="cormorant-garamond"] { --font-tips: "Cormorant Garamond", Georgia, "Times New Roman", "Noto Serif", serif; --tips-fit: 1.1; }
[data-font-tips="inter"] { --font-tips: Inter, ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="oswald"] { --font-tips: Oswald, Impact, ui-sans-serif, system-ui, sans-serif; --tips-fit: 1.1; }
[data-font-tips="yanone-kaffeesatz"] { --font-tips: "Yanone Kaffeesatz", Impact, ui-sans-serif, system-ui, sans-serif; --tips-fit: 1.15; }
[data-font-tips="raleway"] { --font-tips: Raleway, ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="alegreya"] { --font-tips: Alegreya, Georgia, "Times New Roman", "Noto Serif", serif; --tips-fit: 1; }
[data-font-tips="old-standard-tt"] { --font-tips: "Old Standard TT", Georgia, "Times New Roman", "Noto Serif", serif; --tips-fit: 1; }
[data-font-tips="yeseva-one"] { --font-tips: "Yeseva One", Georgia, "Times New Roman", "Noto Serif", serif; --tips-fit: 0.95; }
[data-font-tips="great-vibes"] { --font-tips: "Great Vibes", "Segoe Script", cursive; --tips-fit: 1.18; }
[data-font-tips="pacifico"] { --font-tips: Pacifico, "Segoe Script", cursive; --tips-fit: 0.92; }
[data-font-tips="rubik-mono-one"] { --font-tips: "Rubik Mono One", Impact, ui-sans-serif, system-ui, sans-serif; --tips-fit: 0.78; }
[data-font-tips="didact-gothic"] { --font-tips: "Didact Gothic", ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="source-sans-3"] { --font-tips: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="playfair-display-sc"] { --font-tips: "Playfair Display SC", Georgia, "Times New Roman", "Noto Serif", serif; --tips-fit: 0.92; }
[data-font-tips="jost"] { --font-tips: Jost, ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="nunito"] { --font-tips: Nunito, ui-sans-serif, system-ui, sans-serif; --tips-fit: 1; }
[data-font-tips="comfortaa"] { --font-tips: Comfortaa, ui-sans-serif, system-ui, sans-serif; --tips-fit: 0.94; }
[data-font-tips="lobster"] { --font-tips: Lobster, "Segoe Script", cursive; --tips-fit: 1.05; }
[data-font-tips="marck-script"] { --font-tips: "Marck Script", "Segoe Script", cursive; --tips-fit: 1.1; }

[data-font-banner="fixel-text"] { --font-banner: "Fixel Text", ui-sans-serif, system-ui, "Segoe UI", sans-serif; --banner-fit: 1; }
[data-font-banner="fixel-display"] { --font-banner: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="manrope"] { --font-banner: Manrope, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="montserrat"] { --font-banner: Montserrat, "Fixel Text", ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="unbounded"] { --font-banner: Unbounded, "Fixel Display", ui-sans-serif, system-ui, sans-serif; --banner-fit: 0.8; }
[data-font-banner="playfair-display"] { --font-banner: "Playfair Display", Georgia, "Times New Roman", "Noto Serif", serif; --banner-fit: 1; }
[data-font-banner="lora"] { --font-banner: Lora, Georgia, "Times New Roman", "Noto Serif", serif; --banner-fit: 1; }
[data-font-banner="cormorant-garamond"] { --font-banner: "Cormorant Garamond", Georgia, "Times New Roman", "Noto Serif", serif; --banner-fit: 1.1; }
[data-font-banner="inter"] { --font-banner: Inter, ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="oswald"] { --font-banner: Oswald, Impact, ui-sans-serif, system-ui, sans-serif; --banner-fit: 1.1; }
[data-font-banner="yanone-kaffeesatz"] { --font-banner: "Yanone Kaffeesatz", Impact, ui-sans-serif, system-ui, sans-serif; --banner-fit: 1.15; }
[data-font-banner="raleway"] { --font-banner: Raleway, ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="alegreya"] { --font-banner: Alegreya, Georgia, "Times New Roman", "Noto Serif", serif; --banner-fit: 1; }
[data-font-banner="old-standard-tt"] { --font-banner: "Old Standard TT", Georgia, "Times New Roman", "Noto Serif", serif; --banner-fit: 1; }
[data-font-banner="yeseva-one"] { --font-banner: "Yeseva One", Georgia, "Times New Roman", "Noto Serif", serif; --banner-fit: 0.95; }
[data-font-banner="great-vibes"] { --font-banner: "Great Vibes", "Segoe Script", cursive; --banner-fit: 1.18; }
[data-font-banner="pacifico"] { --font-banner: Pacifico, "Segoe Script", cursive; --banner-fit: 0.92; }
[data-font-banner="rubik-mono-one"] { --font-banner: "Rubik Mono One", Impact, ui-sans-serif, system-ui, sans-serif; --banner-fit: 0.78; }
[data-font-banner="didact-gothic"] { --font-banner: "Didact Gothic", ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="source-sans-3"] { --font-banner: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="playfair-display-sc"] { --font-banner: "Playfair Display SC", Georgia, "Times New Roman", "Noto Serif", serif; --banner-fit: 0.92; }
[data-font-banner="jost"] { --font-banner: Jost, ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="nunito"] { --font-banner: Nunito, ui-sans-serif, system-ui, sans-serif; --banner-fit: 1; }
[data-font-banner="comfortaa"] { --font-banner: Comfortaa, ui-sans-serif, system-ui, sans-serif; --banner-fit: 0.94; }
[data-font-banner="lobster"] { --font-banner: Lobster, "Segoe Script", cursive; --banner-fit: 1.05; }
[data-font-banner="marck-script"] { --font-banner: "Marck Script", "Segoe Script", cursive; --banner-fit: 1.1; }