:root {
  /* Nightshade Media · deep aubergine ground, violet accent */
  --main-bg-color: #120B1B;

  --modal-bg-color: #1A1226;
  --modal-header-color: #1A1226;
  --modal-footer-color: #1A1226;

  --drop-down-menu-bg: #1A1226;

  --button-color: #7C3AED;
  --button-color-hover: #9F6BFF;
  --button-text: #F4EEFF;
  --button-text-hover: #FFFFFF;

  --accent-color: 167, 139, 250;
  --accent-color-hover: rgb(var(--accent-color),.8);
  --link-color: #C4B5FD;
  --link-color-hover: #E9D5FF;
  --label-text-color: #120B1B;

  --text: #EFEAF8;
  --text-hover: #FFFFFF;
  --text-muted: #9C93B3;

  /*Specials*/
  --arr-queue-color: #A78BFA; /* Servarr apps + Bazarr*/
  --plex-poster-unwatched: #A78BFA;
  --petio-spinner: invert(72%) sepia(35%) saturate(2600%) hue-rotate(220deg) brightness(101%) contrast(97%);
  --gitea-color-primary-dark-4: 167, 139, 250;
  --overseerr-gradient: linear-gradient(180deg, rgba(18, 11, 27, 0.17) 0%, rgba(18, 11, 27) 100%);

  /* Jellyfin Enhanced reads a theme's variables only when it recognises the theme, and it
     recognises Jellyfish by --theme-updated-on. Speak that vocabulary so JE's pause screen,
     toasts, panels and startup card take the nightshade violet instead of Jellyfin cyan.
     Variables only: no selectors, nothing the TV has to render. Added 2026-10-18. */
  --theme-updated-on: "Nightshade palette, 18 October 2026";
  --theme-name: 'Nightshade';
  --theme-primary-color: #A78BFA;
  --primary-r: 167;
  --primary-g: 139;
  --primary-b: 250;
  --primary-accent-color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 1);
  --secondary-accent-color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.6);
  --primary-background-transparent: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.1);
  --secondary-background-transparent: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.2);
  --primary-background-color: #120B1B;
  --secondary-background-color: #1A1226;
  --alt-accent-color: rgba(196, 181, 253, 0.13);
  --text-color: #EFEAF8;
  --blur: 10px;
  --rounding: 10px;
  --logo: none;
  }
