/* ==========================================================================
   Design tokens — «4 Сезона»
   Источник: Figma «База отдыха» (UI kit → Colors / Typography)
   ========================================================================== */
:root {
  /* ---- Цвета ---- */
  --c-bg: #f9f9f9; /* фон страницы            */
  --c-white: #ffffff;
  --c-ink: #111111; /* основной текст          */
  --c-navy: #212d53; /* бренд, primary          */
  --c-navy-deep: #161f3b; /* фон шапки при скролле    */
  --c-green: #75ca26; /* акцент                  */
  --c-green-deep: #335117;
  --c-red: #dd2117; /* ошибки / акцент действия */
  --c-sand: #ffbb6e; /* тёплый акцент           */
  --c-border: #e3e3e3;
  --c-gray: #8a8a8a; /* второстепенный текст    */

  --grey-300: #f9f9f9;
  --grey-400: #e3e3e3;
  --grey-500: #8a8a8a;
  --grey-800: #373738;
  --blue-400: #212d53;
  --blue-500: #161f3b;
  --green-600: #1e3b27;

  /* ---- Шрифты ---- */
  --font-base: "Gilroy", "Helvetica Neue", Arial, sans-serif;
  --font-accent: "Good Vibes Pro", "Gilroy", cursive;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;

  /* ---- Контейнер / сетка ---- */
  --container-max: 1360px; /* 1440 − 2×40 паддинги     */
  --gutter: 40px; /* боковой отступ (desktop)  */
  --gutter-sm: 16px; /* боковой отступ (mobile)   */

  /* ---- Шапка ---- */
  --header-h: 100px; /* высота шапки desktop      */
  --header-h-sm: 88px; /* высота шапки mobile       */
  --admin-offset: 0px; /* высота админ-панели Битрикса (ставит JS) */

  /* ---- Радиусы / прочее ---- */
  --radius-pill: 999px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --shadow-soft: 0 10px 30px rgba(17, 17, 17, 0.12);

  /* ---- Тайминги ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.35s;
}

/* Брейкпоинты (как в Bootstrap, но без самого Bootstrap):
   sm 576 · md 768 · lg 992 · xl 1200 · xxl 1400
   Шапка переключается desktop → burger на 992 (< lg). */