@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import "tailwindcss";

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

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: 'Inter', sans-serif;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #000000;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/* Custom scrollbar for pure black theme */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: #262626;
  border-radius: 0px;
}

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

.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #262626;
}

/* Feed Sections (Standard Scroll) */
.stacked-section {
  background-color: #000000;
  border-top: 1px solid #2f3336;
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem;
}

.stacked-section:first-child {
  border-top: none;
}

/* Micro animations */
.hover-lift {
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.hover-lift:hover {
  transform: translateY(-2px);
  background-color: rgba(255, 255, 255, 0.05);
}

.tweet-btn-hover {
  transition: background-color 0.2s ease;
}

.tweet-btn-hover:hover {
  background-color: rgba(255, 255, 255, 0.1);
}