:root, .pf-v5-theme-dark, .pf-v6-theme-dark {
  --plex-main-bg: radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), black center center/cover no-repeat fixed;
  --plex-bg: #191a1c;
  --plex-card: #282828;
  --plex-header: #323232;
  --plex-input: #191a1c;
  --plex-border: rgba(255, 255, 255, 0.2);
  --plex-text: #dddddd;
  --plex-text-hover: #ffffff;
  --plex-muted: #999999;
  --plex-gold: #e5a00d;          /* links / accents */
  --plex-gold-hover: #ffc107;
  --plex-link-hover: #ffffff;
  --plex-button: #cc7b19;
  --plex-button-hover: #e59029;
  --plex-button-text: #eeeeee;
  --plex-button-text-hover: #ffffff;
}
:root, .pf-v5-theme-dark, .pf-v6-theme-dark {
  /* PatternFly 5 variables */
  --pf-v5-global--BackgroundColor--100: var(--plex-card);
  --pf-v5-global--BackgroundColor--200: var(--plex-bg);
  --pf-v5-global--BackgroundColor--300: var(--plex-input);
  --pf-v5-global--BackgroundColor--dark-100: var(--plex-bg);
  --pf-v5-global--BackgroundColor--dark-200: var(--plex-card);
  --pf-v5-global--Color--100: var(--plex-text);
  --pf-v5-global--Color--200: var(--plex-muted);
  --pf-v5-global--BorderColor--100: var(--plex-border);
  --pf-v5-global--BorderColor--200: var(--plex-border);
  --pf-v5-global--primary-color--100: var(--plex-gold);
  --pf-v5-global--primary-color--200: var(--plex-gold-hover);
  --pf-v5-global--active-color--100: var(--plex-gold);
  --pf-v5-global--link--Color: var(--plex-gold);
  --pf-v5-global--link--Color--hover: var(--plex-gold-hover);
  /* PatternFly 6 tokens */
  --pf-t--global--background--color--primary--default: var(--plex-card);
  --pf-t--global--background--color--secondary--default: var(--plex-bg);
  --pf-t--global--text--color--regular: var(--plex-text);
  --pf-t--global--text--color--subtle: var(--plex-muted);
  --pf-t--global--border--color--default: var(--plex-border);
  --pf-t--global--color--brand--default: var(--plex-gold);
  --pf-t--global--color--brand--hover: var(--plex-gold-hover);
  --pf-t--global--text--color--link--default: var(--plex-gold);
  --pf-t--global--text--color--link--hover: var(--plex-gold-hover);
}
html, body, [class*="c-page__main"], [class*="c-page__main-section"] {
  background: var(--plex-main-bg) !important; color: var(--plex-text);
}
[class*="c-masthead"] {
  background: var(--plex-header) !important;
  border-bottom: 2px solid var(--plex-button);
}
[class*="c-page__sidebar"], [class*="c-nav"] { background: #141517 !important; }
[class*="c-nav__link"] { color: var(--plex-muted) !important; }
[class*="c-nav__link"]:hover { color: var(--plex-text) !important; }
[class*="c-nav__link"][class*="pf-m-current"], [class*="c-nav__link"][aria-current="page"] {
  color: var(--plex-gold) !important;
  box-shadow: inset 3px 0 0 var(--plex-gold);
}
[class*="c-card"], [class*="c-panel"], [class*="c-table"], [class*="c-modal-box"],
[class*="c-menu"], [class*="c-toolbar"], [class*="c-drawer"] {
  background: var(--plex-card) !important; color: var(--plex-text);
}
h1, h2, h3, h4, [class*="c-title"] { color: var(--plex-text) !important; }
[class*="c-form-control"], [class*="c-form-control"] input,
[class*="c-form-control"] textarea, [class*="c-form-control"] select {
  background: var(--plex-input) !important; color: var(--plex-text) !important;
  border-color: var(--plex-border) !important;
}
[class*="c-button"][class*="pf-m-primary"] {
  background: var(--plex-button) !important; color: var(--plex-button-text) !important; font-weight: 700;
}
[class*="c-button"][class*="pf-m-primary"]:hover {
  background: var(--plex-button-hover) !important; color: var(--plex-button-text-hover) !important;
}
[class*="c-tabs__link"][aria-selected="true"], [class*="c-tabs__item"][class*="pf-m-current"] {
  color: var(--plex-gold) !important;
}
[class*="c-tabs__item"][class*="pf-m-current"] [class*="c-tabs__link"]::after {
  border-color: var(--plex-gold) !important;
}
[class*="c-switch__input"]:checked ~ [class*="c-switch__toggle"] { background: var(--plex-gold) !important; }