@import "tailwindcss";

@theme {
  --color-purple-primary: #9333ea;
  --color-purple-light: #a855f7;
  --color-purple-dark: #7c2dbd;
  --color-dark-bg: #0a0a0f;
  --color-dark-card: #121218;
  --color-dark-border: #1e1e2e;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #0a0a0f;
  color: #fff;
}

/* Purple glow effect */
.purple-glow {
  text-shadow: 0 0 20px rgba(147, 51, 234, 0.5), 0 0 40px rgba(147, 51, 234, 0.3);
}

.purple-border-glow {
  box-shadow: 0 0 15px rgba(147, 51, 234, 0.3), inset 0 0 15px rgba(147, 51, 234, 0.1);
}

.gradient-purple-line {
  background: linear-gradient(90deg, transparent, #9333ea, transparent);
  height: 2px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0a0a0f;
}
::-webkit-scrollbar-thumb {
  background: #9333ea;
  border-radius: 4px;
}

/* Admin styles */
.admin-sidebar a.active {
  background-color: rgba(147, 51, 234, 0.2);
  border-left: 3px solid #9333ea;
}