/* Скин «МБ-НН» — фирменная палитра mb-nn.ru, светлая и тёмная темы.
 *
 * Как это работает (тот же приём, что в hb3):
 *   :root                                 — светлые значения, база;
 *   :root[data-theme="dark"]              — явно выбранная тёмная тема;
 *   @media (prefers-color-scheme: dark)
 *     :root:not([data-theme="light"])     — системная тема, если явного выбора нет.
 * Порядок важен: явный выбор должен побеждать системный в ОБЕ стороны.
 */

:root {
  --color-primary:        #1E3959;
  --color-primary-accent: #14669E;
  --color-primary-deep:   #03406A;
  --color-cta:            #FF292B;
  --color-cta-hover:      #CD0002;

  --color-bg:         #F5F7FA;
  --color-bg-panel:   #FFFFFF;
  --color-bg-info:    #EEF6FF;

  --color-text:        #111111;
  --color-text-muted:  #6F6F6F;
  --color-text-invert: #FFFFFF;

  --color-border: #D6DEE7;

  --skin-row-hover: #EEF6FF;
  --skin-shadow:    0 1px 3px rgba(30,57,89,.10);
  --topbar-bg:      #1E3959;   /* верхняя полоса — всегда фирменная синяя */
  --topbar-fg:      #FFFFFF;
  --btn-fg:         #FFFFFF;   /* текст на залитых кнопках — всегда светлый */
  --progress-run:     #2E9E4F;
  --progress-stalled: #E08A1E;
  --progress-fail:    #C0392B;
  --progress-idle:    #9AA8B8;
  --progress-track:   rgba(30,57,89,.14);
  --link-fg:          #0F5A8F;
  --link-hover-fg:    #03406A;
  --btn-primary-bg:   #CD0002;
  --btn-secondary-bg: #14669E;
  --btn-danger-fg:    #CD0002;
  --table-head-bg:    #1E3959;
  --table-head-fg:    #FFFFFF;
  --skin-input-bg:  #FFFFFF;
  --skin-input-fg:  #111111;
  --btn-ok-bg:      #1E7A3C;   /* созидающие кнопки: «+», «Создать», «Сохранить» */
  --btn-ok-hover:   #196933;
}

/* Тёмная тема фирменной палитры: та же навигационная синева, но как фон, а не
   как акцент. Акцент осветлён — тёмно-синий #1E3959 на тёмном фоне не читается. */
:root[data-theme="dark"] {
  --color-primary:        #5B9BD5;
  --color-primary-accent: #7FB6E6;
  --color-primary-deep:   #7FB6E6;   /* заголовки: в тёмной теме тёмный оттенок не читается,
                                    берём тот же цвет, что у кнопок */
  --color-cta:            #FF4D4F;
  --color-cta-hover:      #FF7071;

  --color-bg:         #131A24;
  --color-bg-panel:   #1B2534;
  --color-bg-info:    #22314A;

  --color-text:        #E8EDF3;
  --color-text-muted:  #9AA8B8;
  --color-text-invert: #0B1119;

  --color-border: #2C3A4D;

  --skin-row-hover: #22314A;
  --skin-shadow:    none;
  --shadow-card:       none;
  --shadow-card-hover: none;
  --shadow-form:       none;
  --topbar-bg:      #1E3959;   /* верхняя полоса — всегда фирменная синяя */
  --topbar-fg:      #FFFFFF;
  --btn-fg:         #FFFFFF;   /* текст на залитых кнопках — всегда светлый */
  --link-fg:          #8CC4EE;
  --link-hover-fg:    #B7DBF6;
  --btn-primary-bg:   #C0392B;
  --btn-secondary-bg: #33507A;
  --btn-danger-fg:    #F08A8C;
  --table-head-bg:    #0F1722;
  --table-head-fg:    #E8EDF3;
  --skin-input-bg:  #22314A;
  --skin-input-fg:  #E8EDF3;

  /* Прогресс импорта. Дорожку на тёмном фоне светлим: тёмно-синяя полупрозрачная
     с светлой темы на тёмном не видна вовсе, и пустая полоса выглядит сломанной. */
  --progress-run:     #45B96A;
  --progress-stalled: #F0A030;
  --progress-fail:    #E05545;
  --progress-idle:    #7C8896;
  --progress-track:   rgba(255,255,255,.16);
  --cut-bg:         #262E38;   /* подложка свёрнутых блоков: темнее фона панели */
  --btn-ok-bg:      #2A7D4B;   /* на тёмном фоне зелёный чуть светлее */
  --btn-ok-hover:   #236B41;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-primary:        #5B9BD5;
    --color-primary-accent: #7FB6E6;
  --color-primary-deep:   #7FB6E6;   /* заголовки: в тёмной теме тёмный оттенок не читается,
                                    берём тот же цвет, что у кнопок */
    --color-cta:            #FF4D4F;
    --color-cta-hover:      #FF7071;

    --color-bg:         #131A24;
    --color-bg-panel:   #1B2534;
    --color-bg-info:    #22314A;

    --color-text:        #E8EDF3;
    --color-text-muted:  #9AA8B8;
    --color-text-invert: #0B1119;

    --color-border: #2C3A4D;

    --skin-row-hover: #22314A;
    --skin-shadow:    none;
  --shadow-card:       none;
  --shadow-card-hover: none;
  --shadow-form:       none;
  --topbar-bg:      #1E3959;   /* верхняя полоса — всегда фирменная синяя */
  --topbar-fg:      #FFFFFF;
  --btn-fg:         #FFFFFF;   /* текст на залитых кнопках — всегда светлый */
  --link-fg:          #8CC4EE;
  --link-hover-fg:    #B7DBF6;
  --btn-primary-bg:   #C0392B;
  --btn-secondary-bg: #33507A;
  --btn-danger-fg:    #F08A8C;
  --table-head-bg:    #0F1722;
  --table-head-fg:    #E8EDF3;
    --skin-input-bg:  #22314A;
    --skin-input-fg:  #E8EDF3;

  /* Прогресс импорта. Дорожку на тёмном фоне светлим: тёмно-синяя полупрозрачная
     с светлой темы на тёмном не видна вовсе, и пустая полоса выглядит сломанной. */
  --progress-run:     #45B96A;
  --progress-stalled: #F0A030;
  --progress-fail:    #E05545;
  --progress-idle:    #7C8896;
  --progress-track:   rgba(255,255,255,.16);
  --cut-bg:         #262E38;   /* подложка свёрнутых блоков: темнее фона панели */
  --btn-ok-bg:      #2A7D4B;
  --btn-ok-hover:   #236B41;
  }
}