/* Дизайн-токены платформы — единый источник значений.
   Отсюда же берутся константы для мобильных приложений (см. mobile/README.md).

   Фирменный стиль «Чудо-Ярмарка», комплект от 4 сентября 2026 года.
   Цвета сняты с логотипа (файлы palette_gradientsapp), роли назначены нами:
   в присланной палитре указаны только коды, без назначения.

   Менять цвета нужно ТОЛЬКО здесь: ни один цвет не должен быть записан
   прямо в шаблоне или в другом css-файле. */

/* Шрифты кладём к себе, а не подключаем с сервера Google: так они работают
   при блокировках, не выдают посетителей третьей стороне и грузятся быстрее.
   Лицензия свободная (SIL Open Font License), ограничений на использование нет.
   font-display: swap — текст виден сразу шрифтом системы, а фирменный
   подставляется, когда загрузится: иначе страница пару секунд стоит пустой. */

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

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

/* Рукописный — только для коротких плашек вроде «Сделано с любовью».
   Он тяжелее остальных, поэтому в основном тексте не используется. */
@font-face {
  font-family: "Caveat";
  src: url("/static/fonts/Caveat-600-cyrillic.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Caveat";
  src: url("/static/fonts/Caveat-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  /* Цвет бренда — красный из логотипа («Ярмарка») */
  --color-brand: #9a201f;
  --color-brand-dark: #7a1917;
  --color-brand-light: #fbeceb;

  /* Синий из логотипа («Чудо») — ссылки и второстепенные акценты */
  --color-accent: #186bae;
  --color-accent-dark: #12558a;
  --color-accent-light: #e8f1f8;

  /* Охра и голубой из палитры — метки, подсветка, декоративные детали */
  --color-warm: #b3693e;
  --color-sky: #45a7b9;

  /* Поверхности и текст */
  --color-bg: #f3f2f1;
  --color-surface: #ffffff;
  --color-surface-muted: #edebeb;
  --color-border: #ded9d5;
  --color-text: #1f354d;
  --color-text-muted: #6b7a88;
  --color-text-inverse: #ffffff;

  /* Состояния */
  --color-success: #2f7a4f;
  --color-warning: #b3693e;
  --color-danger: #9a201f;

  /* Типографика. Comfortaa — заголовки: округлая, совпадает с пластикой
     логотипа. Manrope — интерфейс: разборчива в мелком размере, а это цены,
     характеристики и фильтры. */
  --font-heading: "Comfortaa", "Segoe UI", system-ui, sans-serif;
  --font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-hand: "Caveat", cursive;

  --text-xs: 0.78rem;
  --text-sm: 0.88rem;
  --text-md: 1rem;
  --text-lg: 1.18rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --leading: 1.55;

  /* Отступы */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Скругления и тени. Скругления заметные: логотип и шрифт округлые,
     острые углы рядом с ними смотрятся чужеродно. */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 2px rgba(31, 53, 77, 0.06);
  --shadow-md: 0 4px 16px rgba(31, 53, 77, 0.1);

  /* Ширина контента */
  --container: 1200px;
}