@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --primary: #FF6B6B;
  --secondary: #4ECDC4;
  --accent: #45B7D1;
  --background: #0A0A0A;
  --text: #FFFFFF;
  --muted: #666666;
  --border: #2A2A2A;
  --error: #FF4D4D;
  --success: #4CAF50;
  --warning: #FFA726;
  --info: #29B6F6;
  --radius: 1rem;
}

body {
  background-color: var(--background);
  color: var(--text);
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Ensure content is still scrollable */
html, body {
  overflow-y: auto;
  overflow-x: hidden;
}

/* Add smooth scrolling for a better user experience */
html {
  scroll-behavior: smooth;
}


@keyframes progress-indeterminate {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes progress-stripes {
  0% {
    background-position: 1rem 0;
  }
  100% {
    background-position: 0 0;
  }
}

.animate-progress-indeterminate {
  animation: progress-indeterminate 1.5s infinite linear;
}

.animate-progress {
  animation: progress-stripes 1s linear infinite;
}