:root {
    --primary: #d6cdf1;
    --primary-hover: #b1a5d9;
    --primary-active: #9c8dcb;

    --secondary: #fdb627;

    --text: #e6e3f6;
}

html {
    overflow-y: scroll;
}

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

::-webkit-scrollbar-track {
  border-radius: 10px;

}

::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 10px;
}

@media (max-width: 1000px) {
    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}