/*
 * бУнкерѢ — тема (тъмна, зелен акцент) върху Stoat (Material Design 3).
 * Палитра: design/Бранд_концепция.md.
 * Зарежда се последно и ползва !important на custom property-тата, за да надпише
 * стойностите, които клиентът задава по време на изпълнение (inline / adoptedStyleSheets).
 * Таргетираме :root, html, body, #root — където и да е закачена темата.
 */

:root,
html,
body,
#root {
  /* ── Акцент (зелено) ───────────────────────────────────────── */
  --md-sys-color-primary: #18a06e !important;            /* активно, бутони, акценти */
  --md-sys-color-on-primary: #04120b !important;         /* текст върху зелено */
  --md-sys-color-primary-container: #14352a !important;
  --md-sys-color-on-primary-container: #bfead8 !important;
  --md-sys-color-inverse-primary: #18a06e !important;

  /* ── Вторичен / приглушено зелено ──────────────────────────── */
  --md-sys-color-secondary: #8fa096 !important;
  --md-sys-color-on-secondary: #04120b !important;
  --md-sys-color-secondary-container: #1e2a22 !important; /* hover/чипове */
  --md-sys-color-on-secondary-container: #cfd6d1 !important;

  --md-sys-color-tertiary: #3fd089 !important;           /* присъствие/успех */
  --md-sys-color-on-tertiary: #04120b !important;
  --md-sys-color-tertiary-container: #16352a !important;
  --md-sys-color-on-tertiary-container: #c9f3df !important;

  /* ── Фон и повърхности (графит с лек зелен оттенък) ────────── */
  --md-sys-color-background: #0f1411 !important;
  --md-sys-color-on-background: #eaeeea !important;
  --md-sys-color-surface: #0f1411 !important;
  --md-sys-color-on-surface: #eaeeea !important;
  --md-sys-color-surface-variant: #1c241f !important;
  --md-sys-color-on-surface-variant: #8fa096 !important; /* имена на канали, метаданни */

  --md-sys-color-surface-dim: #0b0f0c !important;
  --md-sys-color-surface-bright: #29332c !important;
  --md-sys-color-surface-container-lowest: #0b0f0c !important; /* лента с пространства */
  --md-sys-color-surface-container-low: #131a16 !important;
  --md-sys-color-surface-container: #161d18 !important;       /* панели, ленти, карти */
  --md-sys-color-surface-container-high: #1b231d !important;
  --md-sys-color-surface-container-highest: #1e2a22 !important; /* hover */

  --md-sys-color-surface-tint: #18a06e !important;

  /* ── Контури ───────────────────────────────────────────────── */
  --md-sys-color-outline: #2a3530 !important;
  --md-sys-color-outline-variant: #1c241f !important;

  /* ── Грешка / тревога (знаме червено) ──────────────────────── */
  --md-sys-color-error: #d62612 !important;
  --md-sys-color-on-error: #ffffff !important;
  --md-sys-color-error-container: #3a120d !important;
  --md-sys-color-on-error-container: #ffd9d2 !important;

  /* ── Инверсни ──────────────────────────────────────────────── */
  --md-sys-color-inverse-surface: #eaeeea !important;
  --md-sys-color-inverse-on-surface: #0f1411 !important;

  --md-sys-color-shadow: #000000 !important;
  --md-sys-color-scrim: #000000 !important;

  /* color-scheme за нативни контроли (скролбар, форми) */
  color-scheme: dark !important;
}

/* Дискретен скролбар в тон с темата */
* {
  scrollbar-color: #2a3530 transparent;
}

/*
 * Hero wordmark на екрана за вход: upstream инлайнва стария „Revolt/Stoat"
 * wordmark като SVG (width=500 height=94). Скриваме пътищата му и показваме
 * нашия wordmark „бУнкерѢ" като фон — без чупене на upstream кода.
 */
svg[width="500"][height="94"] {
  background: url("/brand/wordmark.svg") center / contain no-repeat !important;
  min-height: 72px;
}
svg[width="500"][height="94"] > path {
  display: none !important;
}