/* Custom Scrollbar for Webkit Browsers (Chrome, Safari) */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #4a5568; /* slate-600 */
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #718096; /* slate-500 */
}
/* Custom Scrollbar for Firefox */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #4a5568 transparent;
}

/* RGB Border Animation */
@keyframes rotate-rgb-border {
  from { --angle: 0deg; }
  to { --angle: 360deg; }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.rgb-border-wrapper {
  background: conic-gradient(
    from var(--angle), 
    #a855f7, #3b82f6, #22c55e, #fde047, #f43f5e, #a855f7
  );
  animation: rotate-rgb-border 4s linear infinite;
}