/* Custom styles and small utility tweaks */

:root {
  --accent: #06b6d4;
}

/* Smooth scrolling for anchors */
html {
  scroll-behavior: smooth;
}

/* Improve focus outlines for accessibility */
:focus {
  outline: 3px solid rgba(6,182,212,0.18);
  outline-offset: 2px;
}

/* Slight page background pattern (subtle) */
body {
  background-image: radial-gradient(circle at 10% 10%, rgba(99,102,241,0.02), transparent 10%),
                    radial-gradient(circle at 90% 90%, rgba(6,182,212,0.02), transparent 10%);
}

/* Small responsive tweak for hero text on very small screens */
@media (max-width: 380px) {
  h1 { font-size: 2rem; }
}

/* Mobile menu animation (simple) */
#mobileMenu.show {
  animation: slideDown .18s ease-out forwards;
}
@keyframes slideDown {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}