@import "tailwindcss";

:root {
  --background: #000000;
  --foreground: #ffffff;
  --lime: #c5ff00;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-lime-400: #c5ff00;
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

html,
body {
  height: 100%;
  min-height: 100vh;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
}

/* Custom Animations */
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  animation: marquee 60s linear infinite;
  width: max-content;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

.animate-marquee-slow {
  animation: marquee 30s linear infinite;
  width: max-content;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #18181b;
}

::-webkit-scrollbar-thumb {
  background: #c5ff00;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8e000;
}

/* Selection color */
::selection {
  background-color: #c5ff00;
  color: #000000;
}

/* Focus styles */
*:focus-visible {
  outline: 2px solid #c5ff00;
  outline-offset: 2px;
}

/* Gradient text utility */
.gradient-text {
  background: linear-gradient(135deg, #c5ff00 0%, #84cc16 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}