/* Фирменный стиль «Trendwatching by D&A» (редизайн, 19.10.2026): шрифты,
   три цвета D&A и жёлтая плашка шапки витрины.

   Цвета D&A: серый #737580 — подписи, иконки, шапки таблиц и основные
   кнопки; светло-серый #DDDDDD — линии; жёлтый #FFFF33 — плашка с логотипом
   и выбранное (вкладка, фильтр). Жёлтый — только фоном: текстом на белом он
   не читается. Основной текст — тёмный тон того же серого, иначе плотная
   таблица на 13 px бледнеет.

   Шрифты: Roboto — интерфейс и таблицы (читается на мелком кегле), Wremena
   — заголовки, как в логотипе. Файлы лежат рядом с этим (url() — от адреса
   стиля), поэтому один и тот же brand.css работает и на /static/ витрины, и
   в самодостаточном каталоге кабинета. Начертания Wremena в файлах названы
   одинаково («Regular»), вес задан здесь.

   Этот файл подключают все страницы, и порядок — часть контракта:
   index.html — ПОСЛЕ style.css (переопределения витрины ниже выигрывают
   порядком), bases.html — ДО bases.css (его токены светлой и тёмной темы
   выигрывают порядком; иначе серый витрины гасил бы текст тёмной темы).
   Правила шапки витрины держатся за `body > header` (у «Размеченного» шапка
   вложена, её это не задевает). */

@font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap;
             src: url(roboto-400.woff2) format("woff2"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap;
             src: url(roboto-500.woff2) format("woff2"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 600 700; font-display: swap;
             src: url(roboto-700.woff2) format("woff2"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: 400; font-display: swap;
             src: url(roboto-italic-400.woff2) format("woff2"); }
@font-face { font-family: "Wremena"; font-style: normal; font-weight: 300; font-display: swap;
             src: url(wremena-light.woff2) format("woff2"); }
@font-face { font-family: "Wremena"; font-style: normal; font-weight: 400; font-display: swap;
             src: url(wremena-regular.woff2) format("woff2"); }
@font-face { font-family: "Wremena"; font-style: normal; font-weight: 600 700; font-display: swap;
             src: url(wremena-bold.woff2) format("woff2"); }

:root {
  --brand-gray: #737580;
  --brand-light: #DDDDDD;
  --brand-yellow: #FFFF33;
  --brand-ink: #2c2d33;           /* основной текст: тёмный тон серого D&A */
  --brand-yellow-soft: #ffffc2;   /* выбранное на большой площади */
  --font-ui: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-head: "Wremena", Georgia, "Times New Roman", serif;
}

/* ------------------------------------------------------------- витрина */
:root {
  --head: var(--brand-gray);
  --line: var(--brand-light);
  --dim: var(--brand-gray);
  --accent: #55575f;
  --accent-soft: var(--brand-yellow-soft);
}
body { font-family: var(--font-ui); color: var(--brand-ink); }
button.primary:hover { background: #5f616b; }

body > header { background: var(--brand-yellow); color: var(--brand-ink); }
/* логотип вместо слов: текст заголовка остаётся для чтения с экрана */
body > header h1 {
  width: 218px; height: 27px; flex: none;
  background: url(brand-logo.png) left center / contain no-repeat;
  color: transparent; font-size: 0; overflow: hidden;
}
body > header #aggs b { color: var(--brand-ink); }
body > header .sep { background: rgba(44, 45, 51, .3); }
body > header #client-line, body > header #aggs { color: var(--brand-ink); }
/* вкладки и группы меню на жёлтом: тёмный текст, выбранная — белая */
body > header #tabs .tab, body > header #menu .grp { color: var(--brand-ink); }
body > header #tabs .tab:hover, body > header #menu .grp:hover { background: rgba(255, 255, 255, .55); }
body > header #tabs .tab.on, body > header #menu .grp.on {
  background: #fff; color: var(--brand-ink); border-color: #fff;
}
body > header #tabs { border-top-color: rgba(44, 45, 51, .18); }
body > header #tabs .tab-ext { color: var(--brand-ink); }

/* ------------------------------------------------- кабинет клиента */
/* Кабинет клиента (ТЗ D&A 30.10.2026, решение пользователя 30.10.2026):
   свой фирменный вид только у учётной записи клиента — класс cab на <html>
   (bases.html до отрисовки, bases.js по read_only). Вид D&A эти правила не
   трогают: всё — под html.cab.

   Токены ТЗ: текст #737580 (черного нет), фон #ffffff, плашки #f2f2f2,
   акцент #ffff33 (только фоном), линии #bfbfbf, пустой столбик шкалы
   важности #d6d7dc.

   Шрифты ТЗ: TT Firs Neue Light — заголовки, TT Firs Neue — интерфейс,
   Wremena — названия и тексты. Начертание всегда 400: Light и Regular — две
   гарнитуры. Файлов TT Firs Neue пока нет (передаст D&A, шрифт только для
   этого продукта): стек сначала называет его, без файлов браузер берет
   Roboto. Когда файлы придут — положить TTFirsNeue-Light.woff2 (или .ttf) и
   TTFirsNeue-Regular.woff2 в src/static/, добавить их в BRAND_ASSETS
   build.py и снять комментарий с заготовки ниже (URL прописными — чтобы
   сторож url() сборки не искал файлы, пока заготовка закомментирована;
   CSS регистр функции не различает).

@font-face { font-family: "TT Firs Neue Light"; font-style: normal; font-weight: 400; font-display: swap;
             src: URL(TTFirsNeue-Light.woff2) format("woff2"), URL(TTFirsNeue-Light.ttf) format("truetype"); }
@font-face { font-family: "TT Firs Neue"; font-style: normal; font-weight: 400; font-display: swap;
             src: URL(TTFirsNeue-Regular.woff2) format("woff2"), URL(TTFirsNeue-Regular.ttf) format("truetype"); }
*/
html.cab {
  --cab-text: #737580;
  --cab-ground: #ffffff;
  --cab-panel: #f2f2f2;
  --cab-yellow: #ffff33;
  --cab-line: #bfbfbf;
  --cab-bar: #d6d7dc;
  --cab-ui: "TT Firs Neue", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --cab-light: "TT Firs Neue Light", "TT Firs Neue", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --cab-serif: "Wremena", Georgia, "Times New Roman", serif;
  color-scheme: light;
}