@import "tailwindcss";

.backdrop-blur-custom {
  --tw-backdrop-blur: blur(7px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur); /* ✅ needed for iOS Safari & some Android Chrome */
  backdrop-filter: var(--tw-backdrop-blur);
}

.cshadow {
  box-shadow: 1px 1px 6px #236113; /* deeper shadow on hover */
}

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

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


/* width of the scrollbar */
.custom-scroll::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track {
  background: #00000000; /* like bg-gray-50 */
  border-radius: 10px;
}

/* Handle */
.custom-scroll::-webkit-scrollbar-thumb {
  background: #236113; /* same feel as text-green-900 */
  border-radius: 10px;
}

/* Handle on hover */
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #236113; /* red-800 */
}

/* Firefox support */
.custom-scroll {
  scrollbar-width: thin;
  scrollbar-color: #236113 #00000000;
}


@keyframes slideUp {
  from {
    opacity: 0;
    transform: translate(0%, 16px);
  }
  to {
    opacity: 1;
    transform: translate(0%, 0);
  }
}
.telegram-banner {
  animation: slideUp 0.5s ease-out forwards;
}

/* :root {
  --background: #ffffff;
  --foreground: #171717;
}

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

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

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