:root {
  /* --outlyr-yellow: #e7ff00; */
  --outlyr-yellow: rgb(231, 255, 0);
  --outlyr-silver: #a2a2a2;
  --outlyr-dark: #050505;
  --outlyr-black: #101010;
  --outlyr-white: #ffffff;
  --outlyr-font: "Titillium Web";
  --outlyr-grad-1: rgba(231, 255, 0, 0.25);
  --outlyr-grad-2: rgba(80, 80, 80, 0.0);
  --outlyr-grad-lin: linear-gradient(from left, var(--outlyr-yellow) 0%, var(--outlyr-silver) 60%);
  --outlyr-grad-rad: radial-gradient(ellipse at top left, var(--outlyr-grad-1), var(--outlyr-grad-2) 60% 60%);
}

body {
  color: var(--outlyr-white);
  font-family: var(--outlyr-font) !important;
}


/* panel menus */

body.desktop .l-pane [class*="expand-button"]:hover {
  background-color: var(--outlyr-black) !important;
  border-left: 1px solid var(--outlyr-yellow) !important;
}