/* Custom styles to extend Tailwind */
body {
  font-family: "Inter", sans-serif;
  background-color: #111827; /* A slightly richer dark blue-gray */
  color: #e5e7eb; /* Light gray for readability */
}

h1,
h2,
h3 {
  font-family: "Inter", sans-serif;
  font-weight: 800;
}
.font-firacode {
  font-family: "Fira Code", monospace;
}
.accent-color {
  color: #38bdf8;
}

.accent-color-green{
  color: #1aff00
}
.bg-accent {
  background-color: #38bdf8;
}
.border-accent {
  border-color: #38bdf8;
}
/* Animation for elements fading in on scroll */
.fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Custom gradient for hero section */
.hero-gradient {
  background: radial-gradient(
    ellipse at top,
    rgba(56, 189, 248, 0.15),
    transparent 70%
  );
}


/* New style for glassmorphism cards */
.glass-card {
  /* A semi-transparent dark background */
  background: rgba(49, 60, 78, 0.4); 
  /* The blur effect */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); /* For Safari browser support */
  /* The subtle border */
  border: 1px solid rgba(255, 255, 255, 0.1);
}