/* BACKGROUND GRID */
body {
  background-color: #8b5cf6; /* Violet Vif */
  background-image: 
      linear-gradient(rgba(0,0,0,0.1) 2px, transparent 2px),
      linear-gradient(90deg, rgba(0,0,0,0.1) 2px, transparent 2px);
  background-size: 40px 40px;
}

/* CUSTOM SCROLLBAR */
::-webkit-scrollbar {
  width: 16px;
}
::-webkit-scrollbar-track {
  background: #ddd; 
  border-left: 2px solid #000;
}
::-webkit-scrollbar-thumb {
  background: #f43f5e; /* Rose */
  border: 2px solid #000;
  box-shadow: inset 2px 2px 0px rgba(255,255,255,0.4);
}
::-webkit-scrollbar-thumb:hover {
  background: #e11d48; 
}

/* UTILS PIXEL ART */
.pixel-shadow {
  box-shadow: 6px 6px 0px 0px #000000;
}
.pixel-shadow-sm {
  box-shadow: 4px 4px 0px 0px #000000;
}
.pixel-shadow-active:active {
  transform: translate(4px, 4px);
  box-shadow: 2px 2px 0px 0px #000000 !important;
}
.text-shadow-title {
  text-shadow: 4px 4px 0px #000000;
}