:root {
  --theme: #ff00b3;
  --theme-semi-lighten: #ff4cc9;
  --theme-lighten: #ffc1ec;
}

*::selection {
  background-color: red;
  color: white;
}

.text-theme {
  color: var(--theme);
}

.bg-theme {
  background-color: var(--theme);
}

.bg-theme-lighten {
  background-color: var(--theme-lighten);
}

a {
  color: red;
}

a:hover {
  text-decoration: underline;
}

a.disabled:hover {
  text-decoration: none;
}

/* body {
  background: black; 
  background-image: radial-gradient(circle at 0% 70%, rgba(10, 61, 98, 0.7), transparent 35%),
  radial-gradient(circle at 100% 0%, rgba(113, 9, 52, 0.7), transparent 30%); 
  height: 100vh;
  margin: 0;
} */
/* 
body::-webkit-scrollbar-track {
  border: 1px solid black;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  background-color: #000000;
} */