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

/* Base Transition for Theme Switching */
body {
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: #f8fafc; /* Light Mode Background (Slate-50) */
  color: #111827;            /* Light Mode Text */
}

/* Dark Mode Overrides */
.dark body {
  background-color: #0b0f19; /* Your Deep Dark Blue */
  color: #f3f4f6;
}

/* Card Hover Glow Effect - Adjusted for Dark Mode Only */
.dark .card-glow:hover {
  box-shadow: 0 0 30px -5px rgba(236, 72, 153, 0.15), 
             0 0 10px -2px rgba(239, 68, 68, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

/* Light Mode Card Hover */
.card-glow:hover {
  transform: translateY(-5px); 
}

/* Embed Aspect Ratios & Resets */
.aspect-video { aspect-ratio: 16 / 9; }

iframe, blockquote {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  border: none;
}

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

/* Light Mode Scrollbar */
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Dark Mode Scrollbar */
.dark ::-webkit-scrollbar-track { background: #0b0f19; }
.dark ::-webkit-scrollbar-thumb { background: #334155; }
.dark ::-webkit-scrollbar-thumb:hover { background: #475569; }

/* Platform Specific Tweaks */
.twitter-tweet {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
}

.instagram-media {
    background: transparent !important;
    min-width: unset !important;
    border: none !important;
    box-shadow: none !important;
}

.instagram-media-rendered {
    background-color: transparent !important;
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}