/* Переходник PatternFly 5 → BINOM Design Code для личного кабинета (keycloak.v3).
   Единственное место, где кабинет связан с дизайн-кодом: слева — переменные PatternFly, справа — токены.
   Литеральных цветов нет (test/theme_test.sh). */

:root {
  --pf-v5-global--FontFamily--text: var(--font-family-body);
  --pf-v5-global--FontFamily--heading: var(--font-family-display);
  --pf-v5-global--FontFamily--monospace: var(--font-family-mono);
  --pf-v5-global--FontSize--md: var(--font-size-body);
  --pf-v5-global--FontSize--sm: var(--font-size-small);

  --pf-v5-global--primary-color--100: var(--green);
  --pf-v5-global--primary-color--200: var(--acc-h);
  --pf-v5-global--primary-color--light-100: var(--green-soft);
  --pf-v5-global--link--Color: var(--sky);
  --pf-v5-global--link--Color--hover: var(--sky);
  --pf-v5-global--active-color--100: var(--green);

  --pf-v5-global--BackgroundColor--100: var(--surface);
  --pf-v5-global--BackgroundColor--200: var(--bg);
  --pf-v5-global--BackgroundColor--light-100: var(--surface);
  --pf-v5-global--BackgroundColor--light-200: var(--bg);
  --pf-v5-global--BackgroundColor--light-300: var(--shade);
  --pf-v5-global--BackgroundColor--dark-100: var(--surface);
  --pf-v5-global--Color--100: var(--ink);
  --pf-v5-global--Color--200: var(--muted);
  --pf-v5-global--Color--light-100: var(--ink);
  --pf-v5-global--Color--light-200: var(--muted);
  --pf-v5-global--Color--dark-100: var(--ink);
  --pf-v5-global--BorderColor--100: var(--line);
  --pf-v5-global--BorderColor--200: var(--line2);
  --pf-v5-global--BorderColor--300: var(--line);

  --pf-v5-global--danger-color--100: var(--red);
  --pf-v5-global--success-color--100: var(--green);
  --pf-v5-global--warning-color--100: var(--ochre);
  --pf-v5-global--info-color--100: var(--sky);

  --pf-v5-global--BorderRadius--sm: var(--radius-control);
  --pf-v5-global--BorderRadius--lg: var(--radius-card);
  --pf-v5-global--BoxShadow--sm: var(--shadow-raised);
  --pf-v5-global--BoxShadow--md: var(--shadow);
}

body { background: var(--bg); color: var(--ink); font-family: var(--font-family-body); }
h1, h2, h3, .pf-v5-c-title { font-family: var(--font-family-display); }

/* Шапка: светлая подложка темы, знак БИНОМ, без чёрной полосы PatternFly */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--surface);
  --pf-v5-c-masthead--m-display-inline--BackgroundColor: var(--surface);
  --pf-v5-c-masthead__toggle--Color: var(--ink2);
  color: var(--ink);
  border-bottom: var(--border-width-hairline) solid var(--line);
}
.pf-v5-c-masthead .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-menu-toggle { color: var(--ink2); }
.pf-v5-c-masthead .pf-v5-c-menu-toggle { --pf-v5-c-menu-toggle--before--BorderColor: var(--line); }
.pf-v5-c-brand, .pf-v5-c-masthead__brand img { height: var(--size-brand-mark); width: auto; }

/* Боковое меню: подложка темы, текущий раздел — мягкий зелёный, как в BINOCORE IDP-panel */
.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: var(--surface);
  border-inline-end: var(--border-width-hairline) solid var(--line);
}
.pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: var(--ink2);
  --pf-v5-c-nav__link--hover--Color: var(--ink);
  --pf-v5-c-nav__link--focus--Color: var(--ink);
  --pf-v5-c-nav__link--active--Color: var(--acc-ink);
  --pf-v5-c-nav__link--m-current--Color: var(--acc-ink);
  --pf-v5-c-nav__link--BackgroundColor: transparent;
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--shade);
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--green-soft);
  --pf-v5-c-nav__link--before--BorderColor: transparent;
  --pf-v5-c-nav__link--after--BorderColor: transparent;
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--green);
  --pf-v5-c-nav__section-title--Color: var(--muted);
}
.pf-v5-c-nav__link { border-radius: var(--radius-control); }

.pf-v5-c-page__main-section { --pf-v5-c-page__main-section--BackgroundColor: var(--bg); }
.pf-v5-c-page__main-section.pf-m-light { --pf-v5-c-page__main-section--BackgroundColor: var(--surface); }

.pf-v5-c-card {
  --pf-v5-c-card--BackgroundColor: var(--surface);
  border: var(--border-width-hairline) solid var(--line);
  border-radius: var(--radius-card);
  box-shadow: none;
}

.pf-v5-c-button {
  --pf-v5-c-button--BorderRadius: var(--radius-control);
  --pf-v5-c-button--FontWeight: var(--font-weight-semibold);
  --pf-v5-c-button--m-primary--BackgroundColor: var(--green);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--acc-h);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--acc-h);
  --pf-v5-c-button--m-primary--Color: var(--on-accent);
  --pf-v5-c-button--m-secondary--Color: var(--acc-ink);
  --pf-v5-c-button--m-secondary--after--BorderColor: var(--line);
  --pf-v5-c-button--m-link--Color: var(--sky);
}
.pf-v5-c-form-control { --pf-v5-c-form-control--BorderRadius: var(--radius-control); }
.pf-v5-c-form-control:focus-within { outline: var(--border-width-focus) solid var(--focus); outline-offset: var(--focus-offset); }
.pf-v5-c-label { --pf-v5-c-label--BackgroundColor: var(--shade); --pf-v5-c-label--Color: var(--ink2); }
.pf-v5-c-alert { border-radius: var(--radius-control); }