:root {
  --primary: #7367f0;
  --primary-hover: #6a5eef;
  --primary-shadow: rgba(115, 103, 240, .3);
  --secondary: #808390;
  --secondary-shadow: rgba(128, 131, 144, .3);
  --error: #ff4c51;
  --error-shadow: rgba(255, 76, 81, .3);
  --warning: #ff9f43;
  --warning-shadow: rgba(255, 159, 67, .3);
  --info: #00bad1;
  --info-shadow: rgba(0, 186, 209, .3);
  --success: #28c76f;
  --success-shadow: rgba(40, 199, 111, .3);
  --text-primary: rgba(47, 43, 61, .9);
  --text-secondary: rgba(47, 43, 61, .7);
  --text-disabled: rgba(47, 43, 61, .4);
  --input-border: rgba(47, 43, 61, .22);
  --divider: rgba(47, 43, 61, .12);
  --action-selected: rgba(47, 43, 61, .08);
}

/* Cienki, fioletowy scrollbar w klimacie Vuexy (Firefox + WebKit/Chromium) */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(115, 103, 240, .4) transparent;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(115, 103, 240, .4);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(115, 103, 240, .6);
}