/* Фирменный стиль sellergod — токены (P375, концепция C «Зелёная зона», docs/brand.md §3).
 *
 * Одно место для цвета и шрифта всего сервиса: стили кабинета, публичных страниц и лендинга ссылаются
 * на переменные, а не на значения. Шрифты (`@font-face`) подключает `templates/_brand_head.html` —
 * там адреса файлов с версией (`static_v`).
 *
 * Правило разделения (brand.md §3): всё, что нажимается или выбирается, — `--ui-accent` (графит).
 * `--data-*` и `--status-*` — только данные и статусы; кнопки и выделение ими не красятся.
 */
:root {
  /* ---- шрифты ---- */
  --ui-font: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --ui-font-display: "Geologica", "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* ---- поверхности и текст ---- */
  --ui-bg: #F3F4F6;
  --ui-surface: #FFFFFF;
  --ui-surface-2: #F7F8FA;
  --ui-text: #1C1E24;
  --ui-muted: #5F6470;
  --ui-faint: #8A8F9A;
  --ui-line: #E1E3E8;
  --ui-line-weak: #ECEEF1;
  --ui-line-strong: #C8CCD3;
  --ui-th-bg: #EDEFF2;
  --ui-overlay: rgba(28, 30, 36, .36);

  /* ---- действия: кнопки, ссылки, выбранное, фокус ---- */
  --ui-accent: #1C1E24;
  --ui-accent-hover: #33363F;
  --ui-on-accent: #FFFFFF;
  --ui-accent-weak: #F3F4F6;
  --ui-accent-tint: #E6E8EC;
  --ui-focus: #1C1E24;
  --ui-focus-ring: rgba(28, 30, 36, .18);

  /* ---- тёмная плашка: шапка кабинета, строка ИТОГО ---- */
  --ui-dark: #1C1E24;
  --ui-on-dark: #FFFFFF;
  --ui-on-dark-muted: #B3B8C2;
  --ui-dark-hover: #2A2D35;
  --ui-dark-line: #3B3F48;
  --ui-dark-field: #262930;
  --ui-dark-mark: #FFFFFF;         /* активный пункт шапки */
  --ui-badge-bg: #FFFFFF;          /* бейдж на тёмной шапке */
  --ui-badge-fg: #1C1E24;

  /* ---- роли выбора, вспомогательного цвета и главной кнопки шага (P378). Здесь — концепция C: всё
     графитом; кабинет переопределяет их темой «Громовержец» (theme-thunder.css, docs/brand.md §3-бис). ---- */
  --ui-sel-bg: #E6E8EC;
  --ui-sel-line: #1C1E24;
  --ui-sel-fg: #1C1E24;
  --ui-sel-strong: #1C1E24;
  --ui-aux-bg: #F3F4F6;
  --ui-aux-line: #C8CCD3;
  --ui-aux-fg: #1C1E24;
  --ui-aux-strong: #5F6470;
  --ui-cta: #1C1E24;
  --ui-cta-hover: #33363F;
  --ui-cta-line: #1C1E24;
  --ui-on-cta: #FFFFFF;
  --ui-cta-glow: rgba(28, 30, 36, .18);

  /* ---- форма ---- */
  --ui-radius: 3px;
  --ui-radius-lg: 6px;
  --ui-shadow: 0 1px 0 #E1E3E8, 0 12px 32px rgba(28, 30, 36, .08);

  /* ---- шкала подсветки данных (JS-источник — shared/data_scale.js, совпадение сторожит тест) ---- */
  --data-bad: #B71C1C;
  --data-mid: #F5C342;
  --data-good: #00A383;

  /* ---- статусы: текст и фон сообщений ---- */
  --status-err: #B71C1C;
  --status-err-strong: #8E1616;
  --status-err-bg: #FBE6E6;
  --status-err-line: #E4A4A4;
  --status-warn: #8A5A00;
  --status-warn-bg: #FFF4D6;
  --status-warn-line: #E8C981;
  --status-ok: #0B7A5F;
  --status-ok-bg: #E3F4EF;
  --status-ok-line: #9ED5C5;

  /* Флажки, переключатели, ползунки браузера — графитом, как остальные элементы выбора (было — синий браузера). */
  accent-color: var(--ui-accent);
}

/* Имя сервиса рядом со знаком: живой текст из настройки `service_name` фирменным шрифтом. */
.brand-lockup {
  display: inline-flex; align-items: center; gap: .42em;
  font: 700 1em/1 var(--ui-font-display); letter-spacing: -.02em; color: inherit; text-decoration: none;
  white-space: nowrap;
}
.brand-lockup .brand-mark { width: 1.16em; height: 1.16em; flex: 0 0 auto; display: block; }