/* NourishNot site stylesheet — extracted from index.html inline <style>.
   Contains the homepage custom CSS only (hero, pattern grid, focus ring,
   mobile menu, reduced-motion). Tailwind is loaded separately. */
html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.hero-glow {
  background:
    radial-gradient(circle at 15% 20%, rgba(221, 235, 229, 0.9), transparent 32%),
    radial-gradient(circle at 85% 10%, rgba(220, 234, 241, 0.8), transparent 30%),
    linear-gradient(180deg, #fbfdfb 0%, #f7f3ea 100%);
}

.pattern-grid {
  background-image:
    linear-gradient(rgba(36, 91, 80, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36, 91, 80, 0.05) 1px, transparent 1px);
  background-size: 24px 24px;
}

.focus-ring:focus-visible {
  outline: 3px solid #FFFFFF;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px #17312D;
}

.mobile-menu {
  display: none;
}

.mobile-menu.open {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}