:root,
.pf-v5-theme-dark {
  color-scheme: dark;
  --pf-v5-global--BackgroundColor--100: #111a2e;
  --pf-v5-global--BackgroundColor--200: #0a0f1e;
  --pf-v5-global--BackgroundColor--300: #16223a;
  --pf-v5-global--BackgroundColor--dark-100: #0a0f1e;
  --pf-v5-global--BackgroundColor--dark-200: #111a2e;
  --pf-v5-global--Color--100: #e2e9f5;
  --pf-v5-global--Color--200: #8ea0c0;
  --pf-v5-global--Color--light-100: #f8fafc;
  --pf-v5-global--Color--light-200: #cbd5e1;
  --pf-v5-global--primary-color--100: #3b82f6;
  --pf-v5-global--primary-color--200: #38bdf8;
  --pf-v5-global--active-color--100: #38bdf8;
  --pf-v5-global--BorderColor--100: #22304d;
  --pf-v5-global--BorderColor--200: #304366;
  --pf-v5-global--link--Color: #7dd3fc;
  --pf-v5-global--link--Color--hover: #bae6fd;
  --pf-v5-global--FontFamily--sans-serif: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

body,
#app,
.pf-v5-c-page,
.pf-v5-c-page__main,
.keycloak__loading-container {
  color: #e2e9f5 !important;
  background: #0a0f1e !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.keycloak__loading-container {
  background:
    radial-gradient(circle at 24% 18%, rgba(99, 102, 241, .22), transparent 35%),
    radial-gradient(circle at 82% 80%, rgba(56, 189, 248, .14), transparent 34%),
    #0a0f1e !important;
}

.keycloak__loading-container .pf-v5-c-spinner__path {
  stroke: #38bdf8;
}

#loading-text {
  color: transparent;
  font-size: 0;
}

#loading-text::after {
  color: #e2e9f5;
  content: "Загрузка профиля ZIMA ID…";
  font-size: 1rem;
  font-weight: 650;
}

.pf-v5-c-masthead {
  background: linear-gradient(90deg, #111a2e, #0f1930);
  border-bottom: 1px solid #22304d;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}

.pf-v5-c-page__sidebar {
  background: #111a2e;
  border-right: 1px solid #22304d;
}

.pf-v5-c-nav__link {
  color: #8ea0c0;
  border-radius: .55rem;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link.pf-m-current {
  color: #e2e9f5;
  background: #1c2b46;
}

.pf-v5-c-nav__link.pf-m-current::after {
  border-color: #38bdf8;
}

.pf-v5-c-card,
.pf-v5-c-modal-box,
.pf-v5-c-drawer__panel,
.pf-v5-c-popover__content,
.pf-v5-c-menu,
.pf-v5-c-table,
.pf-v5-c-data-list {
  color: #e2e9f5;
  background: #111a2e;
  border-color: #22304d;
  border-radius: .8rem;
}

.pf-v5-c-toolbar,
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-breadcrumb {
  background: transparent;
}

.pf-v5-c-button {
  border-radius: .58rem;
}

.pf-v5-c-button.pf-m-primary {
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #6366f1);
  box-shadow: 0 8px 24px rgba(37, 99, 235, .22);
}

.pf-v5-c-button.pf-m-primary:hover {
  background: linear-gradient(135deg, #3b82f6, #818cf8);
}

.pf-v5-c-form-control,
.pf-v5-c-select__toggle,
.pf-v5-c-menu-toggle,
.pf-v5-c-text-input-group {
  color: #e2e9f5;
  background: #0a0f1e;
  border-color: #22304d;
  border-radius: .58rem;
}

.pf-v5-c-form-control:focus-within,
.pf-v5-c-menu-toggle:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .12);
}

a,
.pf-v5-c-button.pf-m-link {
  color: #7dd3fc;
}

*:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 2px;
}