:root {
  --exa-primary: #e90707;
  --exa-primary-hover: #c80606;
  --exa-ink: #161a18;
  --exa-muted: #66706b;
  --exa-background: #f4f2ec;
  --exa-surface: #ffffff;
  --exa-border: #dfe3df;

  --pf-v5-global--primary-color--100: var(--exa-primary);
  --pf-v5-global--primary-color--200: var(--exa-primary-hover);
  --pf-v5-global--link--Color: var(--exa-primary);
  --pf-v5-global--link--Color--hover: var(--exa-primary-hover);
  --pf-v5-global--BackgroundColor--100: var(--exa-surface);
  --pf-v5-global--BackgroundColor--200: var(--exa-background);
  --pf-v5-c-page__sidebar--BackgroundColor: #111111;
}

html,
body,
#app {
  color: var(--exa-ink);
  background: var(--exa-background);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}

.keycloak__loading-container {
  color: var(--exa-ink) !important;
  background:
    radial-gradient(circle at 85% 12%, rgba(233, 7, 7, 0.08), transparent 25rem),
    var(--exa-background) !important;
}

.pf-v5-c-spinner {
  --pf-v5-c-spinner--Color: var(--exa-primary);
}

.pf-v5-c-masthead,
.pf-v5-c-page__header {
  border-bottom: 3px solid var(--exa-primary);
  background: #0b0b0b;
  box-shadow: 0 0.4rem 1.2rem rgba(22, 26, 24, 0.16);
}

.pf-v5-c-masthead .pf-v5-c-brand,
.pf-v5-c-page__header .pf-v5-c-brand {
  display: block;
  width: auto;
  max-width: 12.5rem;
  height: 2rem;
  object-fit: contain;
}

.pf-v5-c-page__sidebar {
  border-right: 0;
  background: #111111;
  box-shadow: 0.35rem 0 1.5rem rgba(22, 26, 24, 0.12);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link {
  color: rgba(255, 255, 255, 0.76);
  font-weight: 600;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link:hover,
.pf-v5-c-page__sidebar .pf-v5-c-nav__link:focus-visible {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-page__sidebar .pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  color: #ffffff;
  background: rgba(233, 7, 7, 0.22);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link.pf-m-current::after,
.pf-v5-c-page__sidebar .pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link::after {
  border-color: var(--exa-primary);
}

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

.pf-v5-c-card,
.pf-v5-c-data-list,
.pf-v5-c-table,
.pf-v5-c-modal-box {
  border: 1px solid var(--exa-border);
  border-radius: 0.85rem;
  background: var(--exa-surface);
  box-shadow: 0 0.55rem 1.6rem rgba(22, 26, 24, 0.055);
}

.pf-v5-c-title,
.pf-v5-c-content h1,
.pf-v5-c-content h2,
.pf-v5-c-content h3 {
  color: var(--exa-ink);
  letter-spacing: -0.02em;
}

.pf-v5-c-button {
  border-radius: 0.55rem;
  font-weight: 650;
}

.pf-v5-c-button.pf-m-primary {
  background: var(--exa-primary);
  box-shadow: 0 0.5rem 1rem rgba(233, 7, 7, 0.17);
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus-visible {
  background: var(--exa-primary-hover);
}

.pf-v5-c-form-control,
.pf-v5-c-select__toggle,
.pf-v5-c-menu-toggle {
  border-radius: 0.55rem;
}

a,
.pf-v5-c-button.pf-m-link {
  color: var(--exa-primary);
}

a:hover,
a:focus-visible,
.pf-v5-c-button.pf-m-link:hover,
.pf-v5-c-button.pf-m-link:focus-visible {
  color: var(--exa-primary-hover);
}

@media (max-width: 48rem) {
  .pf-v5-c-page__main-section {
    padding: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}