/* ═══════════════════════════════════════════════════════════════
   base.css — единые токены дизайна.

   Зачем: у 26 из 31 страницы был свой :root, скопированный с соседней
   и постепенно разъехавшийся (например, --g600 на пяти страницах означал
   другой цвет). Радиусов было шесть разных, размеров текста — до 23 на
   страницу. Здесь один источник; страницы, где :root ещё локальный,
   его просто перекрывают — ломаться нечему.

   Подключать ПЕРВЫМ, до layout.css и стилей страницы.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* ── Цвет: зелёная шкала (фирменная) ── */
  --g900:#0a2218;  /* подвал, самый тёмный */
  --g800:#0f3d2e;  /* основные кнопки, лого */
  --g700:#145233;  /* ховер кнопок, акцентный текст */
  --g600:#1a6b42;  /* ссылки, иконки */
  --g500:#1f8050;
  --g400:#27a865;  /* активные бордеры */
  --g300:#7fd0a5;
  --g100:#d4f0e2;  /* бордер светлых блоков */
  --g50:#eaf7f0;   /* фон светлых блоков */

  /* ── Цвет: нейтральная шкала ── */
  --gr50:#f4f4f4;  --gr100:#e8e8e8; --gr200:#d1d1d1; --gr300:#b4b4b4;
  --gr400:#888;    --gr500:#666;    --gr600:#444;    --gr700:#2c2c2c; --gr800:#1a1a1a;

  /* ── Статусные ── */
  --red:#ef4444; --red-bg:#fef2f2; --red-br:#fecaca;
  --amber:#f59e0b; --amber-bg:#fffbeb; --amber-br:#fde68a;
  --blue:#2563eb; --blue-bg:#eff6ff;

  /* ── Типографика: 6 ступеней вместо двух десятков ──
     Шкала обкатана в create-listing.html (см. HANDOFF, коммит db1b5e8). */
  --fs-xs:11px;    /* подписи, теги */
  --fs-sm:13px;    /* вторичный текст, лейблы */
  --fs-base:14px;  /* основной текст, инпуты */
  --fs-md:16px;    /* подзаголовки секций */
  --fs-lg:19px;    /* заголовок карточки */
  --fs-xl:24px;    /* акцент: цена */
  --fs-2xl:32px;   /* заголовок страницы */
  --lh-tight:1.3; --lh-normal:1.55; --lh-loose:1.7;

  /* ── Шрифты ── */
  --font-display:'Geologica', system-ui, sans-serif;  /* заголовки, цифры */
  --font-text:'Inter', system-ui, -apple-system, sans-serif;

  /* ── Радиусы: было шесть произвольных, стало четыре ступени ── */
  --r-sm:8px;    /* кнопки, инпуты, теги */
  --r-md:12px;   /* небольшие карточки */
  --r-lg:16px;   /* карточки, модалки */
  --r-full:100px;

  /* ── Тени ── */
  --sh-sm:0 1px 3px rgba(10,34,24,.06);
  --sh-md:0 4px 16px rgba(10,34,24,.08);
  --sh-lg:0 12px 32px rgba(10,34,24,.13);

  /* ── Сетка ── */
  --page-max:1200px;     /* каркас: шапка, подвал, каталог, карточки */
  --content-max:860px;   /* текстовые страницы: длинные строки читать неудобно */
  --page-pad:24px;
}