/* Global base styles to complement Tailwind */
:root {
  color-scheme: dark;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background-color: #0a0a0a; /* dark-900 */
  color: #e5e7eb; /* gray-200 */
}

/* Reusable effects */
.card-gradient {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.1) 0%, rgba(124, 58, 237, 0) 100%);
}

.hover-scale {
  transition: transform 0.3s ease;
}
.hover-scale:hover {
  transform: translateY(-5px);
}

/* Gallery helpers */
.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem; /* rounded */
}
.gallery-item img {
  transition: transform 0.5s ease;
}
.gallery-item:hover img {
  transform: scale(1.05);
}
.gallery-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(10, 10, 10, 0.9) 0%, transparent 100%);
  padding: 1.5rem; /* p-6 */
  opacity: 0;
  transition: opacity 0.3s ease;
}
.gallery-item:hover .gallery-overlay { opacity: 1; }

/* Scrollbar styling (webkit based browsers) */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #7c3aed; border-radius: 4px; }


.blog h1,
.blog h2,
.blog h3,
.blog h4,
.blog h5,
.blog h6 {
  color: #7c3aed; /* Use your accent color */
}


.blog a {
  color: #3b82f6;         /* Tailwind blue-500 */
  text-decoration: underline;
}

.blog a:hover {
  color: #1d4ed8;         /* Tailwind blue-700 */
}