/* Токены дизайн-системы «Силадома» — единственный источник цвета, кегля, шага, радиуса и тени (Д3, 08.10.2026).
   Грузится на всех страницах; с Д5 (21.10.2026) на общем слое весь сайт, старого static/style.css больше нет.
   Правило: в остальных CSS-файлах значений нет — только var(--…). Нужен новый цвет или шаг — сначала сюда.
   Цвет бренда: несущая часть нейтральная (фон mist, текст ink); синий и бежевый — фирменная пара, работают только
   вместе: синим по бежевому или бежевым по синему.
   Брейкпоинты (в media-запросах переменные не работают, поэтому числами): 768 — планшет, 1024 — десктоп.
   Mobile first: значения ниже — телефон 375; планшет и десктоп переопределяют их в конце файла. */

/* ── шрифты: свои файлы, без Google Fonts ─────────────── */
@font-face {   /* Inter, вариативный 100–900; подмножества как у Google Fonts — браузер качает только нужное */
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {   /* акцентный: TT Bluescreens Pro Bold (TypeType), с 22.10.2026 вместо Entrofly */
  font-family: "TT Bluescreens Pro"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/fonts/TTBluescreensPro-Bold.woff2") format("woff2");   /* TypeType, лицензия «Веб-шрифт» (Данила, 22.10.2026) */
}

:root {
  /* цвет */
  --bg: #eeeeef;              /* «наш белый» (mist) — фон страниц */
  --surface: #ffffff;         /* лист, карточки */
  --sand: #f8e8cf;            /* бежевый бренда: плашки, пара к синему */
  --butter: #ffd88c;          /* жёлтый: выноска «минус», CTA, «частично сдан» */
  --blue: #4b8fff;            /* синий бренда: шапка, полоса под ней, акценты */
  --blue-ink: #2a62c4;        /* синий для текста на бежевом — темнее фирменного ради контраста 4.5:1 */
  --ink: #252326;             /* фирменный чёрный — текст, тёмные кнопки */
  --ink-hover: #3a373b;       /* тёмная кнопка под курсором */
  --muted: #5e5b61;           /* второстепенный текст: мета, подписи (7:1 на белом) */
  --line: #e2dfda;            /* разделители и границы на белом */
  --line-warm: #e6d6ba;       /* граница бежевых плашек */
  --line-strong: #8d8890;     /* граница полей ввода: контрол различим, 3:1 */
  --bg-hover: #e3e3e5;        /* серая кнопка-таблетка под курсором */
  --butter-line: #c99a3a;     /* обводка жёлтой точки статуса — на белом жёлтый без неё теряется */
  --scrim: rgba(37, 35, 38, .5);   /* затемнение под шторкой и окном */
  --diff-del: #fde3df;        /* редактор подборок: что уйдёт с сайта */
  --diff-add: #dff3e4;        /* редактор подборок: что появится */
  --danger: #b3261e;          /* ошибка в поле формы (5.9:1 на белом) */

  /* шрифты */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --display: "TT Bluescreens Pro", "Arial Narrow", sans-serif;   /* только капсом и коротко: цифры, названия ЖК */

  /* шкала кеглей — готовые значения для font: (вес кегль/интерлиньяж семейство) */
  --type-small: 400 14px/19px var(--font);     /* источник данных под цифрами */
  --type-meta: 400 15px/19px var(--font);      /* крошки, дата, подписи цифр, рубрика */
  --type-ui: 400 16px/22px var(--font);        /* пункты оглавления, мета ЖК, кнопки (с весом 600) */
  --type-body: 400 17px/25px var(--font);      /* основной текст */
  --type-title: 700 17px/22px var(--font);     /* заголовок маленького блока («В подборке») */
  --type-lead: 600 19px/25px var(--font);      /* лид под h1 */
  --type-h2: 700 26px/29px var(--font);
  --type-h1: 700 34px/37px var(--font);
  --type-display: 700 26px/29px var(--display);   /* акцентный капсом: название ЖК, заголовок CTA (на десктопе крупнее) */
  --type-num: 700 26px/29px var(--display);       /* акцентный: цифры на плашке — одного размера на всех экранах */
  --type-logo: 700 22px/33px var(--display);   /* логотип в шапке, марка в подвале */
  --type-nav: 600 15px/22px var(--font);       /* пункты меню шапки */
  --type-card-title: 600 20px/26px var(--font);   /* заголовок карточки подборки (вертикальная карточка) */
  --type-h3: 700 22px/26px var(--font);        /* подраздел внутри раздела (паспорт: «Сроки сдачи по домам»), название в карточке ЖК */
  --type-fact: 700 19px/25px var(--font);      /* главный факт карточки ЖК: «Строится · ввод 2028» (место цены у ПИК) */
  --type-input: 400 17px/22px var(--font);     /* текст в полях ввода и выпадающих списках */
  --tracking-head: -.02em;                     /* h1, h2 */

  /* шкала отступов (кратно 4) — для внутренних полей и зазоров компонентов */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ритм страницы — смысловые шаги, на десктопе растут */
  --gutter: 16px;             /* поле от края экрана / внутреннее поле плашки */
  --step: 24px;               /* между соседними блоками текста */
  --step-section: 48px;       /* перед h2 и новым разделом */
  --step-head: 12px;          /* заголовок → его текст: правило близости «внутреннее < внешнее» */
  --step-li: 8px;             /* между пунктами списка */

  /* формы */
  --radius: 20px;             /* лист, карточки, плашки */
  --radius-sheet: 20px;       /* верхние углы листа под синей полосой */
  --radius-ctl: 12px;         /* кнопки, превью фото */
  --radius-pill: 50px;        /* бейджи */
  --shadow: 0 1px 2px rgba(37, 35, 38, .06), 0 12px 28px -14px rgba(37, 35, 38, .22);

  /* раскладка */
  --header-h: 72px;           /* липкая шапка: от неё отступают якоря и боковые липкие блоки */
  --band-h: 20px;             /* синяя полоса под шапкой, на которую заходит лист */
  --page-max: 1232px;         /* ширина листа на десктопе */
  --tap: 44px;                /* минимальная тап-цель */
  --btn-h: 48px;              /* высота кнопки */
}

/* планшет */
@media (min-width: 768px) {
  :root { --gutter: 24px; }
}

/* десктоп */
@media (min-width: 1024px) {
  :root {
    /* правило близости: внутри раздела плотно (абзацы 24, заголовок → текст 16), между разделами — 64 */
    --step-section: 64px;
    --step-head: 16px;
    --band-h: 24px;
    --radius-sheet: 24px;
    --type-lead: 600 21px/28px var(--font);
    --type-h2: 700 34px/37px var(--font);
    --type-h1: 700 44px/50px var(--font);
    --type-display: 700 30px/33px var(--display);
  }
}