@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-wght-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/newsreader-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/newsreader-latin-wght-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root,
html[data-theme="dark"] {
  --dckn-background: #121416;
  --dckn-surface: #1b1f22;
  --dckn-surface-muted: #24292d;
  --dckn-surface-raised: #2e3439;
  --dckn-surface-overlay: #394046;
  --dckn-primary: #fdfcf0;
  --dckn-ink: #e3ddd1;
  --dckn-secondary: #cdc6b7;
  --dckn-tertiary: #918b80;
  --dckn-on-primary: #16181b;
  --dckn-outline: rgba(124, 126, 123, 0.48);
  --dckn-outline-strong: rgba(157, 152, 141, 0.6);
  --dckn-accent: #8c7148;
  --dckn-accent-muted: #9d988d;
  --dckn-success: #788667;
  --dckn-success-container: #2c3325;
  --dckn-danger: #a86e67;
  --dckn-danger-container: #3a2421;
  --dckn-shadow: 0 20px 50px rgba(11, 8, 6, 0.35);
  --dckn-overlay-start: rgba(18, 20, 22, 0.8);
  --dckn-overlay-end: rgba(18, 20, 22, 0.94);
  color-scheme: dark;
}

html[data-theme="light"] {
  --dckn-background: #e8e4dc;
  --dckn-surface: #ddd8cf;
  --dckn-surface-muted: #d1cbc2;
  --dckn-surface-raised: #c3bdb3;
  --dckn-surface-overlay: #b5aea3;
  --dckn-primary: #202428;
  --dckn-ink: #383c40;
  --dckn-secondary: #6f6960;
  --dckn-tertiary: #8e877d;
  --dckn-on-primary: #181b1e;
  --dckn-outline: rgba(160, 154, 144, 0.7);
  --dckn-outline-strong: rgba(157, 152, 141, 0.8);
  --dckn-accent: #8c7148;
  --dckn-accent-muted: #9d988d;
  --dckn-success: #788667;
  --dckn-success-container: #d8dfce;
  --dckn-danger: #8f554f;
  --dckn-danger-container: #e8d5d1;
  --dckn-shadow: 0 18px 40px rgba(27, 24, 20, 0.12);
  --dckn-overlay-start: rgba(232, 228, 220, 0.86);
  --dckn-overlay-end: rgba(232, 228, 220, 0.96);
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  html:not([data-theme]) {
    --dckn-background: #e8e4dc;
    --dckn-surface: #ddd8cf;
    --dckn-surface-muted: #d1cbc2;
    --dckn-surface-raised: #c3bdb3;
    --dckn-surface-overlay: #b5aea3;
    --dckn-primary: #202428;
    --dckn-ink: #383c40;
    --dckn-secondary: #6f6960;
    --dckn-tertiary: #8e877d;
    --dckn-on-primary: #181b1e;
    --dckn-outline: rgba(160, 154, 144, 0.7);
    --dckn-outline-strong: rgba(157, 152, 141, 0.8);
    --dckn-accent: #8c7148;
    --dckn-accent-muted: #9d988d;
    --dckn-success: #788667;
    --dckn-success-container: #d8dfce;
    --dckn-danger: #8f554f;
    --dckn-danger-container: #e8d5d1;
    --dckn-shadow: 0 18px 40px rgba(27, 24, 20, 0.12);
    --dckn-overlay-start: rgba(232, 228, 220, 0.86);
    --dckn-overlay-end: rgba(232, 228, 220, 0.96);
    color-scheme: light;
  }
}

:root {
  --pf-v5-global--FontFamily--text: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --pf-v5-global--FontFamily--heading: "Newsreader", Georgia, serif;
  --pf-v5-global--FontSize--md: 0.94rem;
  --pf-v5-global--LineHeight--md: 1.55;
  --pf-v5-global--BackgroundColor--100: var(--dckn-background);
  --pf-v5-global--BackgroundColor--200: var(--dckn-surface);
  --pf-v5-global--Color--100: var(--dckn-primary);
  --pf-v5-global--Color--200: var(--dckn-secondary);
  --pf-v5-global--BorderColor--100: var(--dckn-outline);
  --pf-v5-global--BorderColor--200: var(--dckn-outline-strong);
  --pf-v5-global--primary-color--100: var(--dckn-primary);
  --pf-v5-global--primary-color--200: color-mix(in srgb, var(--dckn-primary) 88%, var(--dckn-accent) 12%);
  --pf-v5-global--active-color--100: var(--dckn-accent);
  --pf-v5-global--active-color--200: var(--dckn-accent-muted);
  --pf-v5-global--active-color--300: var(--dckn-accent);
  --pf-v5-global--palette--blue-50: color-mix(in srgb, var(--dckn-accent) 12%, transparent);
  --pf-v5-global--palette--blue-100: color-mix(in srgb, var(--dckn-accent) 24%, transparent);
  --pf-v5-global--palette--blue-200: var(--dckn-accent-muted);
  --pf-v5-global--palette--blue-300: var(--dckn-accent);
  --pf-v5-global--palette--blue-400: var(--dckn-accent);
  --pf-v5-global--palette--blue-500: var(--dckn-accent);
  --pf-v5-global--palette--blue-600: var(--dckn-accent);
  --pf-v5-global--palette--blue-700: var(--dckn-accent);
  --pf-v5-global--link--Color: var(--dckn-accent);
  --pf-v5-global--link--Color--hover: var(--dckn-primary);
  --pf-v5-global--link--Color--light: var(--dckn-accent);
  --pf-v5-global--link--Color--light--hover: var(--dckn-primary);
  --pf-v5-global--FocusRing--Color: var(--dckn-accent);
  --pf-v5-global--FocusRing--BorderColor: var(--dckn-accent);
  --pf-v5-global--BorderRadius--sm: 0;
  --pf-v5-global--BorderRadius--lg: 0;
  --pf-global--FontFamily--sans-serif: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --pf-global--FontFamily--heading--sans-serif: "Newsreader", Georgia, serif;
  --pf-global--BackgroundColor--100: var(--dckn-background);
  --pf-global--BackgroundColor--200: var(--dckn-surface);
  --pf-global--Color--100: var(--dckn-primary);
  --pf-global--Color--200: var(--dckn-secondary);
  --pf-global--BorderColor--100: var(--dckn-outline);
  --pf-global--primary-color--100: var(--dckn-primary);
  --pf-global--active-color--100: var(--dckn-accent);
  --pf-global--active-color--200: var(--dckn-accent-muted);
  --pf-global--active-color--300: var(--dckn-accent);
  --pf-global--palette--blue-50: color-mix(in srgb, var(--dckn-accent) 12%, transparent);
  --pf-global--palette--blue-100: color-mix(in srgb, var(--dckn-accent) 24%, transparent);
  --pf-global--palette--blue-200: var(--dckn-accent-muted);
  --pf-global--palette--blue-300: var(--dckn-accent);
  --pf-global--palette--blue-400: var(--dckn-accent);
  --pf-global--palette--blue-500: var(--dckn-accent);
  --pf-global--palette--blue-600: var(--dckn-accent);
  --pf-global--palette--blue-700: var(--dckn-accent);
  --pf-global--link--Color: var(--dckn-accent);
  --pf-global--link--Color--hover: var(--dckn-primary);
  --pf-global--FocusRing--Color: var(--dckn-accent);
  --pf-global--FocusRing--BorderColor: var(--dckn-accent);
}

html,
body,
#root {
  min-height: 100%;
}

body {
  background:
    linear-gradient(180deg, var(--dckn-overlay-start) 0%, var(--dckn-overlay-end) 100%),
    var(--dckn-background) !important;
  color: var(--dckn-ink) !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: 0;
}

a {
  color: var(--dckn-accent);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--dckn-primary);
}

.pf-v5-c-page,
.pf-c-page {
  background: transparent !important;
  color: var(--dckn-ink);
}

.pf-v5-c-page__header,
.pf-c-page__header,
.pf-v5-c-masthead,
.pf-c-masthead {
  background: color-mix(in srgb, var(--dckn-background) 94%, transparent) !important;
  border-bottom: 1px solid var(--dckn-outline);
  box-shadow: none;
  color: var(--dckn-primary);
}

.pf-v5-c-page__header-brand-link,
.pf-c-page__header-brand-link {
  color: var(--dckn-primary);
  font-family: "Newsreader", Georgia, serif;
  font-size: clamp(1.15rem, 2vw, 1.75rem);
  font-weight: 400;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.pf-v5-c-brand,
.pf-c-brand {
  display: block;
  height: 3.25rem;
  max-width: 3rem;
  object-fit: contain;
  width: auto;
}

.pf-v5-c-page__sidebar,
.pf-c-page__sidebar,
.pf-v5-c-page__sidebar-body,
.pf-c-page__sidebar-body {
  background: color-mix(in srgb, var(--dckn-surface) 96%, transparent) !important;
  border-right: 1px solid var(--dckn-outline);
  color: var(--dckn-secondary);
}

.pf-v5-c-nav,
.pf-c-nav,
.pf-v5-c-nav__list,
.pf-c-nav__list {
  background: transparent !important;
}

.pf-v5-c-nav__link,
.pf-c-nav__link {
  color: var(--dckn-secondary) !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus,
.pf-c-nav__link:hover,
.pf-c-nav__link:focus {
  background: color-mix(in srgb, var(--dckn-surface-raised) 78%, transparent) !important;
  color: var(--dckn-primary) !important;
}

.pf-v5-c-nav__item.pf-m-current .pf-v5-c-nav__link,
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link.pf-m-current:hover,
.pf-v5-c-nav__link.pf-m-current:focus,
.pf-c-nav__item.pf-m-current .pf-c-nav__link,
.pf-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current:hover,
.pf-c-nav__link.pf-m-current:focus,
.pf-v5-c-nav__link[aria-current="page"],
.pf-v5-c-nav__link[aria-selected="true"],
.pf-v5-c-nav__link[aria-expanded="true"],
.pf-c-nav__link[aria-current="page"],
.pf-c-nav__link[aria-selected="true"],
.pf-c-nav__link[aria-expanded="true"] {
  background: color-mix(in srgb, var(--dckn-surface-raised) 86%, transparent) !important;
  color: var(--dckn-primary) !important;
}

.pf-v5-c-nav__item.pf-m-current .pf-v5-c-nav__link::after,
.pf-v5-c-nav__link.pf-m-current::after,
.pf-c-nav__item.pf-m-current .pf-c-nav__link::after,
.pf-c-nav__link.pf-m-current::after,
.pf-v5-c-nav__link[aria-current="page"]::after,
.pf-v5-c-nav__link[aria-selected="true"]::after,
.pf-c-nav__link[aria-current="page"]::after,
.pf-c-nav__link[aria-selected="true"]::after {
  background: var(--dckn-accent) !important;
}

.pf-v5-c-page__main,
.pf-c-page__main {
  background: transparent !important;
}

.pf-v5-c-page__main-section,
.pf-c-page__main-section {
  background: transparent !important;
  color: var(--dckn-ink);
}

.pf-v5-c-content,
.pf-c-content {
  color: var(--dckn-ink);
}

.pf-v5-c-content h1,
.pf-v5-c-title.pf-m-2xl,
.pf-c-content h1,
.pf-c-title.pf-m-2xl {
  color: var(--dckn-primary);
  font-family: "Newsreader", Georgia, serif;
  font-size: clamp(1.85rem, 3vw, 2.65rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
}

.pf-v5-c-content h2,
.pf-v5-c-title.pf-m-xl,
.pf-c-content h2,
.pf-c-title.pf-m-xl {
  color: var(--dckn-primary);
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}

.pf-v5-c-content p,
.pf-c-content p,
.pf-v5-c-description-list,
.pf-c-description-list {
  color: var(--dckn-secondary);
}

.pf-v5-c-card,
.pf-c-card,
.pf-v5-c-data-list,
.pf-c-data-list,
.pf-v5-c-table,
.pf-c-table,
.pf-v5-c-tabs,
.pf-c-tabs {
  background: color-mix(in srgb, var(--dckn-surface-muted) 88%, transparent) !important;
  border: 1px solid var(--dckn-outline) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--dckn-ink);
}

.pf-v5-c-card__title,
.pf-c-card__title {
  color: var(--dckn-primary);
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pf-v5-c-card__body,
.pf-c-card__body,
.pf-v5-c-data-list__cell,
.pf-c-data-list__cell,
.pf-v5-c-table,
.pf-c-table {
  color: var(--dckn-secondary);
}

.pf-v5-c-data-list__item,
.pf-c-data-list__item,
.pf-v5-c-table tr,
.pf-c-table tr {
  border-color: var(--dckn-outline) !important;
}

.pf-v5-c-tabs__link,
.pf-c-tabs__link {
  color: var(--dckn-secondary) !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link,
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link:hover,
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link:focus,
.pf-v5-c-tabs__link[aria-selected="true"],
.pf-v5-c-tabs__link[aria-current="page"],
.pf-c-tabs__item.pf-m-current .pf-c-tabs__link,
.pf-c-tabs__item.pf-m-current .pf-c-tabs__link:hover,
.pf-c-tabs__item.pf-m-current .pf-c-tabs__link:focus,
.pf-c-tabs__link[aria-selected="true"],
.pf-c-tabs__link[aria-current="page"] {
  color: var(--dckn-primary) !important;
}

.pf-v5-c-tabs__item.pf-m-current,
.pf-c-tabs__item.pf-m-current {
  --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--dckn-accent);
  --pf-c-tabs__item--m-current__link--after--BorderColor: var(--dckn-accent);
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after,
.pf-v5-c-tabs__link[aria-selected="true"]::after,
.pf-v5-c-tabs__link[aria-current="page"]::after,
.pf-c-tabs__item.pf-m-current .pf-c-tabs__link::after,
.pf-c-tabs__link[aria-selected="true"]::after,
.pf-c-tabs__link[aria-current="page"]::after {
  border-color: var(--dckn-accent) !important;
}

.pf-v5-c-button,
.pf-c-button,
button,
input[type="submit"] {
  border-radius: 0 !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em;
  min-height: 2.35rem;
  text-transform: uppercase;
  --pf-v5-c-button--after--BorderColor: transparent;
  --pf-v5-c-button--hover--after--BorderColor: var(--dckn-accent);
  --pf-v5-c-button--focus--after--BorderColor: var(--dckn-accent);
  --pf-v5-c-button--active--after--BorderColor: var(--dckn-accent);
  --pf-v5-c-button--m-primary--after--BorderColor: transparent;
  --pf-v5-c-button--m-secondary--after--BorderColor: var(--dckn-outline);
  --pf-v5-c-button--m-control--after--BorderColor: var(--dckn-outline);
  --pf-c-button--after--BorderColor: transparent;
  --pf-c-button--hover--after--BorderColor: var(--dckn-accent);
  --pf-c-button--focus--after--BorderColor: var(--dckn-accent);
  --pf-c-button--active--after--BorderColor: var(--dckn-accent);
  --pf-c-button--m-primary--after--BorderColor: transparent;
  --pf-c-button--m-secondary--after--BorderColor: var(--dckn-outline);
  --pf-c-button--m-control--after--BorderColor: var(--dckn-outline);
}

.pf-v5-c-button::before,
.pf-v5-c-button::after,
.pf-c-button::before,
.pf-c-button::after {
  border-color: transparent !important;
  box-shadow: none !important;
}

.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary,
input[type="submit"] {
  background: #fdfcf0 !important;
  border: 0 !important;
  color: #181b1e !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus,
.pf-v5-c-button.pf-m-primary:active,
.pf-v5-c-button.pf-m-primary.pf-m-active,
.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:focus,
.pf-c-button.pf-m-primary:active,
.pf-c-button.pf-m-primary.pf-m-active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
  background: color-mix(in srgb, #fdfcf0 88%, var(--dckn-accent) 12%) !important;
  color: #181b1e !important;
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-control,
.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-secondary,
.pf-c-button.pf-m-control,
.pf-c-button.pf-m-link {
  background: color-mix(in srgb, var(--dckn-surface-raised) 82%, transparent) !important;
  border: 1px solid var(--dckn-outline) !important;
  color: var(--dckn-primary) !important;
}

.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-link {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--dckn-accent) !important;
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-control:hover,
.pf-v5-c-button.pf-m-secondary:focus,
.pf-v5-c-button.pf-m-control:focus,
.pf-v5-c-button.pf-m-secondary:active,
.pf-v5-c-button.pf-m-control:active,
.pf-v5-c-button.pf-m-secondary.pf-m-active,
.pf-v5-c-button.pf-m-control.pf-m-active,
.pf-c-button.pf-m-secondary:hover,
.pf-c-button.pf-m-control:hover,
.pf-c-button.pf-m-secondary:focus,
.pf-c-button.pf-m-control:focus,
.pf-c-button.pf-m-secondary:active,
.pf-c-button.pf-m-control:active,
.pf-c-button.pf-m-secondary.pf-m-active,
.pf-c-button.pf-m-control.pf-m-active {
  background: color-mix(in srgb, var(--dckn-surface-overlay) 86%, transparent) !important;
  border-color: var(--dckn-accent) !important;
  color: var(--dckn-primary) !important;
}

.pf-v5-c-button.pf-m-secondary::after,
.pf-v5-c-button.pf-m-control::after,
.pf-c-button.pf-m-secondary::after,
.pf-c-button.pf-m-control::after {
  border-color: var(--dckn-outline) !important;
}

.pf-v5-c-button:hover::after,
.pf-v5-c-button:focus::after,
.pf-v5-c-button:focus-visible::after,
.pf-v5-c-button:active::after,
.pf-v5-c-button.pf-m-active::after,
.pf-c-button:hover::after,
.pf-c-button:focus::after,
.pf-c-button:focus-visible::after,
.pf-c-button:active::after,
.pf-c-button.pf-m-active::after {
  border-color: var(--dckn-accent) !important;
}

.pf-v5-c-button.pf-m-primary::after,
.pf-c-button.pf-m-primary::after {
  border-color: transparent !important;
}

.pf-v5-c-button:focus,
.pf-v5-c-button:focus-visible,
.pf-c-button:focus,
.pf-c-button:focus-visible,
button:focus,
button:focus-visible {
  box-shadow:
    0 0 0 1px var(--dckn-accent),
    inset 0 0 0 1px color-mix(in srgb, var(--dckn-accent) 18%, transparent) !important;
  outline: 0 !important;
}

input,
textarea,
select,
.pf-v5-c-form-control,
.pf-c-form-control,
.pf-v5-c-select__toggle,
.pf-c-select__toggle,
.pf-v5-c-menu-toggle,
.pf-c-menu-toggle {
  background: color-mix(in srgb, var(--dckn-surface-raised) 82%, transparent) !important;
  border: 1px solid var(--dckn-outline) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--dckn-primary) !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif !important;
  --pf-v5-c-form-control--BorderBottomColor: var(--dckn-outline);
  --pf-v5-c-form-control--hover--BorderBottomColor: var(--dckn-outline-strong);
  --pf-v5-c-form-control--focus--BorderBottomColor: var(--dckn-accent);
  --pf-v5-c-form-control--m-focus--BorderBottomColor: var(--dckn-accent);
  --pf-c-form-control--BorderBottomColor: var(--dckn-outline);
  --pf-c-form-control--hover--BorderBottomColor: var(--dckn-outline-strong);
  --pf-c-form-control--focus--BorderBottomColor: var(--dckn-accent);
  --pf-c-form-control--m-focus--BorderBottomColor: var(--dckn-accent);
}

.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after,
.pf-c-form-control::before,
.pf-c-form-control::after {
  border-block-end-color: var(--dckn-outline) !important;
  border-bottom-color: var(--dckn-outline) !important;
}

input:focus,
textarea:focus,
select:focus,
.pf-v5-c-form-control:focus-within,
.pf-v5-c-form-control:focus,
.pf-c-form-control:focus-within,
.pf-c-form-control:focus,
.pf-v5-c-select__toggle:focus,
.pf-c-select__toggle:focus,
.pf-v5-c-menu-toggle:focus,
.pf-v5-c-menu-toggle.pf-m-expanded,
.pf-v5-c-menu-toggle.pf-m-selected,
.pf-v5-c-menu-toggle[aria-expanded="true"],
.pf-v5-c-menu-toggle[aria-selected="true"],
.pf-c-menu-toggle:focus,
.pf-c-menu-toggle.pf-m-expanded,
.pf-c-menu-toggle.pf-m-selected,
.pf-c-menu-toggle[aria-expanded="true"],
.pf-c-menu-toggle[aria-selected="true"] {
  background: color-mix(in srgb, var(--dckn-surface-raised) 88%, var(--dckn-accent) 12%) !important;
  border-color: var(--dckn-accent) !important;
  box-shadow:
    0 0 0 1px var(--dckn-accent),
    inset 0 0 0 1px color-mix(in srgb, var(--dckn-accent) 22%, transparent) !important;
  outline: 0 !important;
}

.pf-v5-c-form-control:focus-within::before,
.pf-v5-c-form-control:focus-within::after,
.pf-v5-c-form-control:focus::before,
.pf-v5-c-form-control:focus::after,
.pf-c-form-control:focus-within::before,
.pf-c-form-control:focus-within::after,
.pf-c-form-control:focus::before,
.pf-c-form-control:focus::after {
  border-block-end-color: var(--dckn-accent) !important;
  border-bottom-color: var(--dckn-accent) !important;
}

label,
.pf-v5-c-form__label-text,
.pf-c-form__label-text,
.pf-v5-c-check__label,
.pf-c-check__label {
  color: color-mix(in srgb, var(--dckn-secondary) 82%, var(--dckn-tertiary) 18%) !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pf-v5-c-check__input,
.pf-c-check__input,
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--dckn-accent);
}

.pf-v5-c-alert,
.pf-c-alert {
  background: color-mix(in srgb, var(--dckn-surface-muted) 88%, transparent) !important;
  border: 1px solid var(--dckn-outline) !important;
  border-left: 3px solid var(--dckn-accent-muted) !important;
  border-radius: 0 !important;
  color: var(--dckn-primary) !important;
}

.pf-v5-c-alert.pf-m-success,
.pf-c-alert.pf-m-success {
  border-left-color: var(--dckn-success) !important;
}

.pf-v5-c-alert.pf-m-danger,
.pf-c-alert.pf-m-danger,
.pf-v5-c-alert.pf-m-warning,
.pf-c-alert.pf-m-warning {
  border-left-color: var(--dckn-danger) !important;
}

.pf-v5-c-label,
.pf-c-label {
  background: color-mix(in srgb, var(--dckn-surface-raised) 86%, transparent) !important;
  border: 1px solid var(--dckn-outline) !important;
  border-radius: 0 !important;
  color: var(--dckn-secondary) !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pf-v5-c-modal-box,
.pf-c-modal-box,
.pf-v5-c-drawer,
.pf-c-drawer,
.pf-v5-c-menu,
.pf-c-menu,
.pf-v5-c-dropdown__menu,
.pf-c-dropdown__menu {
  background: var(--dckn-surface) !important;
  border: 1px solid var(--dckn-outline) !important;
  border-radius: 0 !important;
  box-shadow: var(--dckn-shadow) !important;
  color: var(--dckn-ink);
}

.pf-v5-c-menu__item,
.pf-c-menu__item,
.pf-v5-c-dropdown__menu-item,
.pf-c-dropdown__menu-item {
  color: var(--dckn-secondary) !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}

.pf-v5-c-menu__item:hover,
.pf-v5-c-menu__item:focus,
.pf-v5-c-menu__item.pf-m-selected,
.pf-v5-c-menu__item.pf-m-current,
.pf-v5-c-menu__item[aria-selected="true"],
.pf-v5-c-menu__item[aria-current="page"],
.pf-c-menu__item:hover,
.pf-c-menu__item:focus,
.pf-c-menu__item.pf-m-selected,
.pf-c-menu__item.pf-m-current,
.pf-c-menu__item[aria-selected="true"],
.pf-c-menu__item[aria-current="page"],
.pf-v5-c-dropdown__menu-item:hover,
.pf-v5-c-dropdown__menu-item:focus,
.pf-v5-c-dropdown__menu-item.pf-m-selected,
.pf-v5-c-dropdown__menu-item[aria-selected="true"],
.pf-c-dropdown__menu-item:hover,
.pf-c-dropdown__menu-item:focus,
.pf-c-dropdown__menu-item.pf-m-selected,
.pf-c-dropdown__menu-item[aria-selected="true"] {
  background: color-mix(in srgb, var(--dckn-surface-raised) 86%, transparent) !important;
  color: var(--dckn-primary) !important;
}

.pf-v5-c-menu__item.pf-m-selected,
.pf-v5-c-menu__item[aria-selected="true"],
.pf-c-menu__item.pf-m-selected,
.pf-c-menu__item[aria-selected="true"],
.pf-v5-c-dropdown__menu-item.pf-m-selected,
.pf-v5-c-dropdown__menu-item[aria-selected="true"],
.pf-c-dropdown__menu-item.pf-m-selected,
.pf-c-dropdown__menu-item[aria-selected="true"] {
  border-left: 3px solid var(--dckn-accent) !important;
}

.pf-v5-c-pagination,
.pf-c-pagination,
.pf-v5-c-toolbar,
.pf-c-toolbar {
  background: transparent !important;
  color: var(--dckn-secondary);
}

.pf-v5-c-divider,
.pf-c-divider,
hr {
  border-color: var(--dckn-outline) !important;
}

@media (max-width: 768px) {
  .pf-v5-c-page__main-section,
  .pf-c-page__main-section {
    padding-inline: 1rem !important;
  }

  .pf-v5-c-content h1,
  .pf-v5-c-title.pf-m-2xl,
  .pf-c-content h1,
  .pf-c-title.pf-m-2xl {
    font-size: 1.75rem;
  }
}