body {
    font-family: 'Inter', sans-serif;
    /* Dark background for the nerdy/elegant theme */
    background-color: #0d1117; /* Dark charcoal/almost black */
    color: #e2e8f0; /* Light grey for text (slate-200 equivalent) */
}
/* Custom styling for subtle circuit board pattern or glow effect */
.hero-background {
    background: linear-gradient(to bottom, rgba(13, 17, 23, 0.9), rgba(13, 17, 23, 0.7)),
                url('/public/img/frustrated-person.webp') center center / cover no-repeat;
    background-blend-mode: multiply; /* Blends the gradient with the image */
}

.accent-color {
    color: #10b981; /* Emerald green */
}
.accent-bg {
    background-color: #00e676;
}
.accent-border {
    border-color: #00e676;
}

/* Mobile menu specific styles */
.mobile-menu {
    transition: max-height 0.3s ease-out;
    overflow: hidden;
    max-height: 0; /* Hidden by default */
}
.mobile-menu.active {
    max-height: 500px; /* Adjust as needed to fit content */
}

pre {
  background-color: #1e293b; /* Darker slate for code */
  color: #cbd5e1;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin-bottom: 1rem;
}

code {
  font-family: 'Fira Code', 'Cascadia Code', 'Consolas', monospace; /* Nerdy font for code */
  background-color: #161E27; /* Darker slate for code background */
  color: #5CB9CC; /* A light blue/cyan for code text */
  padding: 0.2em 0.4em;
  border-radius: 0.3em;
  white-space: nowrap; /* Prevent wrapping */
}

a {
  color: #5CB9CC;
}