/*
  theme-magnus.css — фирменная тема MAGNUS.
  Подключается опционально (XMLREDACTOR_THEME=magnus), переопределяет
  CSS-переменные базовой темы. Используется для офисной Windows-сборки,
  установленной у сотрудников компании MAGNUS.

  Палитра — из брендбука «Руководство по эксплуатации логотипа MAGNUS» (2019):
    #1E3747  Глубоководный синий  — корпоративный, для текста/тёмных блоков
    #F39200  Светло-оранжевый     — акцент (CTA-кнопки, активные состояния)
    #9D9D9C  Серый «телеком»      — вторичные тексты, иконки
    #DBDBD8  Серебристо-серый     — фон, разделители

  Шрифт: брендбук рекомендует Gotham Pro (платный). Согласно п.21
  брендбука разрешается использовать «аналогичные гарнитуры» — берём Inter
  (близкая по геометрии гротеска, открытая лицензия SIL OFL).
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');

:root {
  /* Поверх стандартной палитры — фирменные оттенки MAGNUS */
  --bg:           #F4F4F2;
  --surface:      #FFFFFF;
  --card:         #FFFFFF;
  --card-soft:    #F7F7F4;

  --text:         #1E3747;   /* глубоководный синий — основной текст */
  --muted:        #6F7F8A;   /* приглушённый сине-серый */
  --muted-2:      #9D9D9C;   /* серый «телеком» из брендбука */

  --accent:       #F39200;   /* светло-оранжевый из брендбука */
  --accent-dark:  #C97600;
  --accent-soft:  rgba(243, 146, 0, .12);

  --border:        #DBDBD8;  /* серебристо-серый */
  --border-strong: #B5B5B3;

  /* Семантические остаются, но подгоняем под палитру */
  --green:        #1F6E4A;
  --green-bg:     #ECF6F0;
  --red:          #A52A2A;
  --red-bg:       #FBEDEB;
  --yellow:       #B57700;
  --yellow-bg:    #FFF8E7;
  --purple:       #4A3A8C;
  --purple-bg:    #EFEDF6;
  --blue:         #1E3747;   /* совпадает с основным */
  --blue-bg:      #E9EEF2;

  --shadow:       0 2px 12px rgba(30, 55, 71, .10);
  --radius:       10px;
  --radius-sm:    6px;

  --font: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ── Логотип в шапке ─────────────────────────────────────────────────── */

body.theme-magnus nav {
  background: #FFFFFF;
  border-bottom: 2px solid var(--text);
}

body.theme-magnus nav .logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--text);
  font-family: var(--font);
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 1rem;
}

body.theme-magnus nav .logo::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('/img/magnus-mark.svg') center / contain no-repeat;
  flex-shrink: 0;
}

body.theme-magnus nav .logo .logo-magnus {
  font-family: var(--font);
  font-size: 1.1rem;
  letter-spacing: .1em;
}

body.theme-magnus nav .logo .brand-sub {
  display: inline-block;
  margin-left: 4px;
  padding-left: 10px;
  border-left: 2px solid var(--border-strong);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .12em;
  color: var(--muted);
  text-transform: none;
}

/* Активная вкладка в нав — фирменный синий, не оранжевый */
body.theme-magnus nav .tab.active {
  background: var(--text);
  border-color: var(--text);
  color: #FFFFFF;
}

/* ── Workflow strip ─────────────────────────────────────────────────── */

body.theme-magnus .workflow-strip button.is-active {
  background: var(--text);
  color: #FFFFFF;
  border-color: var(--text);
}
body.theme-magnus .workflow-strip button.is-active b,
body.theme-magnus .workflow-strip button.is-active small,
body.theme-magnus .workflow-strip button.is-active span {
  color: #FFFFFF;
}
body.theme-magnus .workflow-strip button.is-ok span {
  background: var(--accent);
  color: #FFFFFF;
}

/* ── Кнопки ─────────────────────────────────────────────────────────── */

body.theme-magnus .btn-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: #FFFFFF;
  font-weight: 700;
  text-transform: none;
}
body.theme-magnus .btn-primary:hover {
  background: var(--accent-dark);
  border-color: var(--accent-dark);
}

body.theme-magnus .btn-outline {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border-strong);
  font-weight: 600;
}
body.theme-magnus .btn-outline:hover {
  background: var(--card-soft);
  border-color: var(--text);
}

body.theme-magnus .btn-success {
  background: var(--text);
  border-color: var(--text);
  color: #FFFFFF;
}
body.theme-magnus .btn-success:hover {
  background: #15293A;
}

/* ── Подвкладки ─────────────────────────────────────────────────────── */

body.theme-magnus .subtab-strip {
  border-bottom-color: var(--border-strong);
}
body.theme-magnus .subtab-strip .subtab.active {
  color: var(--text);
  background: rgba(30, 55, 71, .06);
  border-color: var(--text);
}

/* ── Guide-cards и аутлайны акцентов ───────────────────────────────── */

body.theme-magnus .guide-card {
  background: var(--card-soft);
  border-left: 4px solid var(--accent);
}
body.theme-magnus .project-focus {
  border-left-color: var(--accent);
}

/* ── Бэйджи в шапке/у sections ─────────────────────────────────────── */

body.theme-magnus nav .badge,
body.theme-magnus nav .pill {
  color: var(--muted);
  font-weight: 500;
}

/* ── Селекшн ───────────────────────────────────────────────────────── */

body.theme-magnus ::selection {
  background: rgba(243, 146, 0, .25);
  color: var(--text);
}

/* ── Подпись-копирайт в подвале login.html ─────────────────────────── */

body.theme-magnus .login-card h1 {
  color: var(--text);
}