@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap");

:root {
  --elords-bg: #0b080d;
  --elords-surface: #16121a;
  --elords-surface-raised: #211927;
  --elords-text: #f6eff7;
  --elords-muted: #c4b7c8;
  --elords-gold: #e5b75f;
  --elords-gold-deep: #c88935;
  --elords-violet: #c58aff;
  --pf-t--global--background--color--primary--default: var(--elords-bg);
  --pf-t--global--text--color--regular: var(--elords-text);
  --pf-t--global--text--color--subtle: var(--elords-muted);
  --pf-t--global--border--color--default: rgba(229, 183, 95, .24);
  --pf-t--global--color--brand--default: var(--elords-gold);
  --pf-v5-global--primary-color--100: var(--elords-gold);
  --pf-v5-global--primary-color--200: #ffdc91;
  --pf-v5-global--BackgroundColor--100: var(--elords-bg);
  --pf-v5-global--BackgroundColor--200: var(--elords-surface);
  --pf-v5-global--Color--100: var(--elords-text);
  --pf-v5-global--Color--200: var(--elords-muted);
}

html,
body,
#root {
  min-height: 100%;
  background:
    radial-gradient(circle at 88% 5%, rgba(116, 65, 166, .20), transparent 32rem),
    radial-gradient(circle at 8% 100%, rgba(201, 137, 53, .12), transparent 30rem),
    var(--elords-bg);
  color: var(--elords-text);
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
}

.pf-v5-c-masthead,
.pf-c-masthead {
  min-height: 4.75rem;
  border-bottom: 1px solid rgba(229, 183, 95, .2);
  background: rgba(11, 8, 13, .94);
}

.pf-v5-c-masthead__brand img,
.pf-c-masthead__brand img,
img[src*="elords-logo"] {
  width: 3.25rem !important;
  height: 3.25rem !important;
  max-width: none !important;
  object-fit: contain;
}

.pf-v5-c-masthead__brand,
.pf-c-masthead__brand {
  display: flex;
  align-items: center;
  min-height: 4.75rem;
}

.pf-v5-c-page__sidebar,
.pf-c-page__sidebar,
.pf-v5-c-nav,
.pf-c-nav {
  background: rgba(22, 18, 26, .92);
}

.pf-v5-c-page__sidebar,
.pf-c-page__sidebar {
  border-right: 1px solid rgba(229, 183, 95, .16);
  background:
    linear-gradient(180deg, rgba(35, 24, 42, .74), rgba(22, 18, 26, .96)),
    var(--elords-surface);
}

.pf-v5-c-nav__link,
.pf-c-nav__link {
  color: var(--elords-text);
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus,
.pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__link:hover,
.pf-c-nav__link:focus,
.pf-c-nav__link.pf-m-current {
  color: var(--elords-gold) !important;
  background: linear-gradient(90deg, rgba(229, 183, 95, .15), rgba(197, 138, 255, .08)) !important;
}

.pf-v5-c-nav__link.pf-m-current::before,
.pf-c-nav__link.pf-m-current::before {
  background: var(--elords-gold) !important;
}

.pf-v5-c-nav__link.pf-m-current::after,
.pf-c-nav__link.pf-m-current::after {
  border-color: var(--elords-gold) !important;
}

.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary {
  border-color: var(--elords-gold);
  background: linear-gradient(135deg, #f0c76d, var(--elords-gold-deep));
  color: #1b1010;
  font-weight: 700;
}

.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-link,
.pf-v5-c-button.pf-m-link:hover,
.pf-c-button.pf-m-link:hover {
  color: var(--elords-gold) !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover {
  filter: brightness(1.08);
}

.pf-v5-c-form-control,
.pf-c-form-control,
.pf-v5-c-select__toggle,
.pf-c-select__toggle {
  border-color: rgba(229, 183, 95, .25);
  background-color: var(--elords-surface-raised);
  color: var(--elords-text);
}

.pf-v5-c-form-control:focus,
.pf-c-form-control:focus {
  border-color: var(--elords-gold);
  box-shadow: 0 0 0 3px rgba(229, 183, 95, .22);
}

a {
  color: var(--elords-gold);
}

a:hover {
  color: #ffdc91;
}

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

.pf-v5-c-title,
.pf-c-title,
h1,
h2,
h3 {
  color: var(--elords-text);
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  letter-spacing: -.025em;
}

.pf-v5-c-toolbar,
.pf-c-toolbar,
.pf-v5-c-card,
.pf-c-card,
.pf-v5-c-table,
.pf-c-table {
  border-color: rgba(229, 183, 95, .16);
  background: rgba(12, 9, 15, .78);
}

.pf-v5-c-table tr,
.pf-c-table tr,
.pf-v5-c-table td,
.pf-c-table td,
.pf-v5-c-table th,
.pf-c-table th {
  border-color: rgba(229, 183, 95, .14);
}

.pf-v5-c-chip,
.pf-c-chip,
.pf-v5-c-label,
.pf-c-label {
  border-color: rgba(229, 183, 95, .3);
  background: rgba(35, 24, 42, .7);
  color: var(--elords-text);
}

.pf-v5-c-dropdown__toggle,
.pf-c-dropdown__toggle,
.pf-v5-c-menu-toggle,
.pf-c-menu-toggle {
  border-color: rgba(229, 183, 95, .26);
  background: rgba(35, 24, 42, .9);
  color: var(--elords-text);
}