/* ═══ Токены модуля «Недвижимость» ═══════════════════════════════════
   Единственное место, где в модуле есть числа и цвета. Всё остальное —
   var(). Значение, которого здесь нет, в компонент не попадает: сначала
   шаг шкалы, потом стиль.

   Палитра снята с «Дизайн-кода OND», шкалы — с принятых прототипов
   (см. DESIGN-CODE.md, раздел «Откуда взялись шкалы»).
   ═══════════════════════════════════════════════════════════════════ */

:root{
  /* ── Цвет: основа ───────────────────────────────────────────── */
  --ink:#12294B;          /* текст и тёмные плашки */
  --accent:#3657CD;       /* ссылки, фокус, активное */
  --muted:#5A6A7E;        /* вторичный текст */
  --faint:#9AA5B4;        /* отключённое, «нет данных» */
  --surface:#FFFFFF;      /* карточка, шапка */
  --sunk:#F8F9FB;         /* фон страницы, фон поля, наведение на строку */
  --sunk-2:#F0F2F7;       /* дорожка полосы, пассивная плашка */
  --line:#E0E6EE;         /* граница блока */
  --line-soft:rgba(18,41,75,.06);  /* граница внутри карточки: строки таблицы, ленты */
  --line-hover:#cfd8e6;   /* граница карточки под курсором */
  --on-dark:#FFFFFF;      /* текст на --ink и на градиенте */
  --on-dark-line:rgba(255,255,255,.35);  /* граница кнопки на тёмной плашке */

  /* Фирменный приём OND: один градиент, 135°, четырнадцать повторов в OND.
     Заводить второй — значит завести вторую марку. */
  --grad:linear-gradient(135deg,#3657CD 0%,#12294B 100%);

  /* ── Цвет: состояния ────────────────────────────────────────── */
  --ok:#2E7D32;    --ok-bg:#E8F5E9;
  --warn:#E65100;  --warn-bg:#FFF8E1;  --warn-line:#FFE9A8;  --warn-ink:#7a4a00;
  --err:#D32F2F;   --err-bg:#FEF2F2;
  --info:#1565C0;  --info-bg:#E3F2FD;  --info-line:#BBDEFB;  --info-ink:#0d3f7a;

  /* ── Цвет: снимок ───────────────────────────────────────────── */
  /* Цвет кадра заранее неизвестен, поэтому подпись поверх него лежит на
     затемнении, а не на токене фона: белым по светлому окну не прочесть. */
  --scrim:rgba(18,41,75,.55);
  --backdrop:rgba(8,16,30,.9);   /* фон полноэкранного просмотра */

  /* ── Цвет: печать ───────────────────────────────────────────── */
  /* Лист уходит клиенту и печатается чёрно-белым: своя шкала серого,
     экранные токены на бумаге не читаются. */
  --p-ink:#333;  --p-muted:#555;  --p-line:#999;  --p-line-soft:#ddd;

  /* ── Кегль: двенадцать шагов, других нет ────────────────────── */
  --t-hero:28px;     /* число показателя */
  --t-title:26px;    /* заголовок страницы, цена объекта */
  --t-head:24px;     /* заголовок карточки объекта, имя в профиле */
  --t-sub:21px;      /* заголовок страницы на телефоне, логотип */
  --t-big:19px;      /* цена на плитке */
  --t-lead:17px;     /* заголовок пустого состояния */
  --t-strong:16px;   /* заголовок блока, значение характеристики */
  --t-body:15px;     /* основной текст и контролы */
  --t-ui:14px;       /* строки списков, таблица, навигация */
  --t-small:13px;    /* подписи полей, подсказки */
  --t-caption:12px;  /* метаданные, шапка таблицы, чипы */
  --t-micro:11px;    /* служебная подпись, метка источника */

  --w-reg:400; --w-med:600; --w-bold:700;   /* весов ровно три */
  --lh-tight:1.25; --lh-head:1.3; --lh-base:1.5; --lh-loose:1.65;

  /* ── Отступы: четырнадцать шагов, имя равно значению ─────────── */
  --sp-2:2px;   --sp-4:4px;   --sp-6:6px;   --sp-8:8px;   --sp-10:10px;
  --sp-12:12px; --sp-14:14px; --sp-16:16px; --sp-20:20px; --sp-24:24px;
  --sp-28:28px; --sp-32:32px; --sp-40:40px; --sp-48:48px; --sp-64:64px;

  /* ── Форма ──────────────────────────────────────────────────── */
  --r-sm:8px;      /* мелкий блок: пункт навигации, дорожка полосы */
  --r-ctl:10px;    /* контрол: кнопка, поле, кнопка страницы */
  --r-card:16px;   /* карточка, таблица, полоса-подборка */
  --r-pill:999px;  /* чип, аватар, тонкая полоса */
  --r-dot:50%;     /* точка статуса, кружок номера */

  /* ── Высоты контролов ───────────────────────────────────────── */
  --h-ctl:48px;     /* основной контрол: кнопка, поле, селект, поиск */
  --h-ctl-sm:40px;  /* компактный: фильтр, страница списка, поиск в журнале */
  --h-ctl-xs:32px;  /* только в шапке: язык, роль */
  --h-icon:38px;    /* иконочная кнопка и пункт навигации */
  --h-tap:44px;     /* минимум области нажатия на телефоне — правило проекта */
  --h-head:64px;    /* высота шапки; от неё считается sticky и высота карты */

  /* ── Тени и фокус ───────────────────────────────────────────── */
  --sh-card:0 2px 8px rgba(18,41,75,.04);
  --sh-lift:0 2px 12px rgba(18,41,75,.06);
  --sh-btn:0 4px 16px rgba(54,87,205,.3);
  --sh-modal:0 8px 32px rgba(18,41,75,.12);
  --focus:0 0 0 3px rgba(54,87,205,.10);  /* подсветка поля в фокусе */
  --ring:2px solid var(--accent);          /* видимая обводка фокуса */
  --ring-gap:2px;

  --tr:.15s;      /* наведение */
  --tr-slow:.2s;  /* появление тоста */

  /* ── Слои: пять, новых не заводить ──────────────────────────── */
  --z-map:5;     /* легенда и подсказки поверх карты */
  --z-drop:40;   /* подсказка адреса, выпадающий список */
  --z-head:100;  /* шапка */
  --z-over:150;  /* снимок во весь экран: выше шапки, ниже тоста */
  --z-toast:200; /* тост — всегда выше всего */

  /* ── Ширины ─────────────────────────────────────────────────── */
  --wrap:1200px;      /* ширина содержимого страницы */
  --col-side:340px;   /* боковая колонка двухколоночных страниц */
  --pad-page:24px;    /* боковое поле страницы на большом экране */
  --pad-page-sm:16px; /* то же на телефоне */
}

/* ── Переломы ─────────────────────────────────────────────────────
   @media не умеет var(), поэтому переломы живут здесь комментарием, а
   их единственность сторожит check_design.py. Их пять, и у каждого своя
   причина — шестой заводится только вместе с записью в DESIGN-CODE.md:

    1180px — со всеми разделами меню шапка не помещается: имя вошедшего
             уходит в меню профиля, пункты плотнее;
    1024px — шапка переходит в бургер: планшет в портрете;
     900px — двухколоночная страница больше не помещается, колонки в одну;
     768px — области нажатия растут до 44 px, поля страницы уже;
     640px — телефон: показатели в два столбца, номера страниц в стрелки.
   ───────────────────────────────────────────────────────────────── */