/* assets/css/style.css */

/* Custom Animations */
@keyframes blob {
  0% { transform: translate(0px, 0px) scale(1); }
  33% { transform: translate(30px, -50px) scale(1.1); }
  66% { transform: translate(-20px, 20px) scale(0.9); }
  100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
  animation: blob 7s infinite;
}

.animation-delay-2000 {
  animation-delay: 2s;
}

/* Base Styles & Typography adjustments */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

::-webkit-scrollbar-track {
    background: #f1f5f9; 
}
.dark ::-webkit-scrollbar-track {
    background: #0f172a; 
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 5px;
}
.dark ::-webkit-scrollbar-thumb {
    background: #334155; 
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}
.dark ::-webkit-scrollbar-thumb:hover {
    background: #475569; 
}

/* Smooth Image Loading */
img {
    content-visibility: auto;
}

/* Glassmorphism Utilities (if needed beyond Tailwind) */
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.dark .glass {
    background: rgba(15, 23, 42, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Prose/Content styling for Blog Posts */
.blog-content h2 {
    font-size: 1.875rem;
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: var(--tw-prose-headings);
}
.blog-content p {
    margin-bottom: 1.5rem;
    line-height: 1.8;
}
.blog-content a {
    color: #6366f1;
    text-decoration: none;
}
.blog-content a:hover {
    text-decoration: underline;
}