@import "tailwindcss";

@theme {
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-hover);
  --color-background: var(--background);
  --color-surface: var(--surface);
  --radius: var(--radius);
}

:root {
  /* Тема по умолчанию (VPN Pro) */
  --primary: #2563eb;
  /* blue-600 */
  --primary-hover: #1d4ed8;
  /* blue-700 */
  --background: #0f172a;
  /* slate-900 */
  --surface: #1e293b;
  /* slate-800 */
  --radius: 0.5rem;
  /* rounded-lg */
}

/* Custom Animations (Pure CSS for CDN usage) */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulseSlow {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-out forwards;
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
}

.animate-pulse-slow {
  animation: pulseSlow 3s infinite;
}

/* Utilities */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}