:root {
  --navigation-white: #fdfcfe;
  --navigation-black: #1e1435;
  --navigation-grey-200: #f1f1f2;
  --navigation-grey-300: #e5e5e5;
  --navigation-grey-400: #939299;
  --navigation-grey-500: #919097;
  --navigation-grey-600: #49494d;
  --navigation-purple-lilac: #e9deff;
  --navigation-purple-lightest: #f9f6fe;
  --navigation-purple-dark: #6541b0;
  --navigation-purple-vivid: #7c3aed;
  --navigation-red: #ca101b;

  --navigation-item-active-bg: #f1eff7;
  --navigation-item-hover-bg: rgba(255, 255, 255, 0.1);
  --navigation-progress-track-bg: rgba(255, 255, 255, 0.2);
  --navigation-dropdown-shadow-color: rgba(0, 0, 0, 0.1);
}