/* ==========================================================================
   netmoor · перекраска личного кабинета Keycloak (PatternFly 5)
   Иллюстрация к файлу: account.html прототипа.

   Правило одно: вёрстку консоли не трогаем. Меняются только знак, цвета
   и шрифт — через глобальные переменные PatternFly. Никаких правок
   компонентов, сеток и порядка разделов, иначе кабинет перестанет
   обновляться вместе с Keycloak.

   Значения акцента ниже — для бренда netmoor.com. Для netmoor.ru
   и домашней сети подставьте свои (см. css/netmoor.css темы входа):
     netmoor.ru     светлый #0a7a5c   тёмный #2fd0a8
     домашняя сеть  светлый #bc3a28   тёмный #e8ae4a
   ========================================================================== */

:root {
  /* акцент: основные кнопки, активная навигация, ссылки */
  --pf-v5-global--primary-color--100: #1552e0;
  --pf-v5-global--primary-color--200: #1143bd;
  --pf-v5-global--active-color--100: #1552e0;
  --pf-v5-global--link--Color: #1552e0;
  --pf-v5-global--link--Color--hover: #1143bd;

  /* фоны */
  --pf-v5-global--BackgroundColor--100: #ffffff;
  --pf-v5-global--BackgroundColor--200: #f7fafc;
  --pf-v5-global--BackgroundColor--light-300: #f3f8fb;

  /* текст */
  --pf-v5-global--Color--100: #0e1a22;
  --pf-v5-global--Color--200: #4a5a66;

  /* границы и разделители */
  --pf-v5-global--BorderColor--100: #dde7ee;
  --pf-v5-global--BorderColor--200: #c3d2de;

  /* шрифт: одно семейство на текст и заголовки,
     масштаб кеглей остаётся родным для PatternFly */
  --pf-v5-global--FontFamily--text: "netmoor Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontFamily--redhat-updated--sans-serif: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontFamily--monospace: ui-monospace, "Cascadia Mono", "JetBrains Mono",
    "SF Mono", Menlo, Consolas, monospace;

  /* радиусы — чуть мягче родных, но без преувеличения */
  --pf-v5-global--BorderRadius--sm: 8px;
  --pf-v5-global--BorderRadius--lg: 12px;

  /* шапка со знаком */
  --pf-v5-c-masthead--BackgroundColor: #11151d;
  --pf-v5-c-masthead--Color: #e9edf4;
}

/* Локальный шрифт подключается тем же файлом, что и в теме входа.
   Путь относительный внутри темы кабинета.

@font-face {
  font-family: "netmoor Sans";
  src: url("../fonts/netmoor-sans-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "netmoor Sans";
  src: url("../fonts/netmoor-sans-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
*/

/* Знак в шапке: ограничиваем высоту, чтобы полоса не разъезжалась */
.pf-v5-c-masthead__brand img,
.pf-v5-c-brand {
  max-height: 24px;
  width: auto;
}

/* --------------------------------------------------------------------------
   Тёмный вариант. Повторяет тёмные токены темы входа: те же фоны,
   тот же цвет текста, тот же акцент в осветлённом значении.
   -------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  :root {
    --pf-v5-global--primary-color--100: #5ba8ff;
    --pf-v5-global--primary-color--200: #8cc3ff;
    --pf-v5-global--active-color--100: #5ba8ff;
    --pf-v5-global--link--Color: #5ba8ff;
    --pf-v5-global--link--Color--hover: #8cc3ff;

    --pf-v5-global--BackgroundColor--100: #11151d;
    --pf-v5-global--BackgroundColor--200: #090b10;
    --pf-v5-global--BackgroundColor--light-300: #161b25;

    --pf-v5-global--Color--100: #e9edf4;
    --pf-v5-global--Color--200: #9ea9ba;

    --pf-v5-global--BorderColor--100: #232a37;
    --pf-v5-global--BorderColor--200: #2f3845;

    --pf-v5-c-masthead--BackgroundColor: #0d1118;
  }
}