/* ============================================================
   СПБ Переезд — 00-tokens
   Дизайн-токены. Правится при смене фирменного стиля —
   остальные файлы не трогаем.
   ============================================================ */

:root{
  /* --- Фирменные цвета --- */
  --brand:#1f5ff0;          /* основной синий из логотипа */
  --brand-dk:#123fb0;       /* тёмный синий: ховеры, градиенты */
  --brand-lt:#3b82f6;       /* светлый синий: акценты, фокус */
  --brand-soft:#e8f0fe;     /* подложка под иконки */

  /* --- Текст --- */
  --ink:#0c1626;            /* заголовки */
  --ink-2:#3a475f;          /* основной текст */
  --ink-3:#7a869c;          /* подписи, подсказки */

  /* --- Поверхности --- */
  --bg:#eef2f9;             /* фон страницы */
  --bg-2:#f6f8fc;           /* фон вложенных карточек */
  --card:#ffffff;
  --line:#dde5f1;           /* границы */
  --line-2:#e9eef7;         /* мягкие разделители */

  /* --- Статусы --- */
  --ok:#16a34a;
  --warn:#f59e0b;

  /* --- Шрифты --- */
  /* Заголовки и цифры. Manrope — мягкая геометрия, красивая кириллица.
     Альтернативы, если захотите поменять: 'Golos Text' или 'Onest'
     (не забудьте поменять и ссылку на шрифт в functions.php). */
  --f-display:'Manrope',system-ui,sans-serif;
  --f-text:'Inter',system-ui,sans-serif;              /* основной текст */
  --f-mono:ui-monospace,'SF Mono',Menlo,monospace;       /* цены, ТТХ, URL */

  /* --- Скругления --- */
  --r-sm:9px;
  --r:14px;
  --r-lg:20px;
  --r-pill:999px;

  /* --- Тени --- */
  --sh:0 1px 2px rgba(12,22,38,.04),0 8px 24px rgba(12,22,38,.06);
  --sh-lg:0 2px 4px rgba(12,22,38,.05),0 18px 46px rgba(18,63,176,.14);
  --sh-card:0 1px 2px rgba(12,22,38,.05),0 10px 30px rgba(12,22,38,.07);

  /* --- Сетка --- */
  --wrap:1180px;            /* ширина контентной области */
  --pad:20px;               /* боковые поля */
  --sec-y:64px;             /* вертикальный ритм секций */

  /* --- Анимация --- */
  --ease:cubic-bezier(.2,.9,.3,1);
  --dur:.2s;
}

@media(max-width:640px){
  :root{ --pad:16px; --sec-y:44px; }
}