/* Фирменный стиль SMART Potolok для всех разделов montazh-blok.ru.
   Источник: «SMART Potolok Guideline» 2025 (папка Диска «Смарт Дизайн»), сайт smartpotolok.ru.
   Подключается последним в <head> каждой страницы: <link rel="stylesheet" href="/portal/brand.css">
   и переопределяет общие переменные разделов (--ground, --surface, --ink, --accent …), шрифт и заголовки.
   Раскладку, размеры и логику страниц не трогает.

   Из гайдбука (обязательно):
     Lime Moss   #A1C147 (161 193 71) — эталонный цвет бренда
     Concrete Sky #9CBFC5 (156 191 197), Steel Cloud #ADADAD (173 173 173), Lava Burst #FC4C01 (252 76 1) — дополнительные
     шрифт Montserrat: H1 ExtraBold, H2 SemiBold, H3 Medium, текст Regular, подписи Light/Regular
   Наши решения (гайдбук их не задаёт):
     --accent-ink — тёмный оттенок Lime Moss для текста и ссылок: сам Lime Moss на белом читается плохо (контраст 2:1);
     на зелёной заливке текст чёрный (--on-accent), как кнопки smartpotolok.ru;
     цвета данных и состояний (готово / внимание / ошибка, серии графиков) оставлены прежними — по ним читают смысл. */

html:root {
  --brand-lime: #A1C147;
  --brand-sky: #9CBFC5;
  --brand-steel: #ADADAD;
  --brand-lava: #FC4C01;
  --brand-black: #141416;

  --ground: #EEEEEC;
  --surface: #FFFFFF;
  --surface-2: #F6F6F4;
  --surface-3: #EDEDEA;
  --paper: #FFFFFF;
  --ink: #141416;
  --ink-2: #45474A;
  --muted: #707275;
  --line: #DEDEDB;
  --line-strong: #ADADAD;
  --dark: #141416;

  --accent: #A1C147;
  --on-accent: #141416;
  --accent-ink: #4E6A12;
  --accent-line: #7E9C2E;
  --accent-soft: rgba(161, 193, 71, .20);
  --soft: rgba(161, 193, 71, .20);
  --brand-alert: #FC4C01;

  --f-display: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --shadow: 0 1px 2px rgba(20, 20, 22, .05), 0 4px 16px rgba(20, 20, 22, .05);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  html:root:not([data-theme="light"]) {
    --ground: #141416;
    --surface: #1D1E21;
    --surface-2: #232427;
    --surface-3: #2A2B2F;
    --paper: #1D1E21;
    --ink: #F2F2F0;
    --ink-2: #C6C7C5;
    --muted: #8F9194;
    --line: #2E2F33;
    --line-strong: #4C4D52;
    --dark: #0E0E10;
    --accent: #A1C147;
    --on-accent: #141416;
    --accent-ink: #B9D46E;
    --accent-line: #A1C147;
    --accent-soft: rgba(161, 193, 71, .16);
    --soft: rgba(161, 193, 71, .16);
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);
    color-scheme: dark;
  }
}
html:root[data-theme="dark"] {
  --ground: #141416;
  --surface: #1D1E21;
  --surface-2: #232427;
  --surface-3: #2A2B2F;
  --paper: #1D1E21;
  --ink: #F2F2F0;
  --ink-2: #C6C7C5;
  --muted: #8F9194;
  --line: #2E2F33;
  --line-strong: #4C4D52;
  --dark: #0E0E10;
  --accent: #A1C147;
  --on-accent: #141416;
  --accent-ink: #B9D46E;
  --accent-line: #A1C147;
  --accent-soft: rgba(161, 193, 71, .16);
  --soft: rgba(161, 193, 71, .16);
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);
  color-scheme: dark;
}

/* шрифт — Montserrat везде, включая поля ввода и кнопки (браузер сам их шрифт не наследует) */
html body, html body button, html body input, html body select, html body textarea { font-family: var(--f-body); }
/* цифры в таблицах и показателях одной ширины — столбцы не «пляшут» */
html body { font-feature-settings: "tnum" 1, "lnum" 1; }

/* иерархия заголовков по гайдбуку: H1 ExtraBold, H2 SemiBold, H3 Medium */
html body h1 { font-family: var(--f-display); font-weight: 800; letter-spacing: -.01em; }
html body h2 { font-family: var(--f-display); font-weight: 600; letter-spacing: 0; }
html body h3 { font-family: var(--f-display); font-weight: 500; letter-spacing: 0; }
/* выделенное слово в заголовке раздела («Сводка <i>по договору</i>») — тёмный Lime Moss, без курсива */
html body h1 i, html body h1 em { color: var(--accent-ink); }

/* выделение текста и фокус с клавиатуры — фирменным цветом */
::selection { background: rgba(161, 193, 71, .35); color: inherit; }
html body :focus-visible { outline: 2px solid var(--accent-line); outline-offset: 2px; }
html body a { text-decoration-color: currentColor; }

/* логотип в верхнем меню и на странице входа (оригинальные файлы гайдбука, высота не меньше 15 px) */
.brand-logo { display: block; height: 26px; width: auto; }
.brand-logo.dark { display: none; }
@media (prefers-color-scheme: dark) {
  html:root:not([data-theme="light"]) .brand-logo.light { display: none; }
  html:root:not([data-theme="light"]) .brand-logo.dark { display: block; }
}
html:root[data-theme="dark"] .brand-logo.light { display: none; }
html:root[data-theme="dark"] .brand-logo.dark { display: block; }