/* Custom styles that complement Tailwind */

/* Smooth scroll offset for fixed nav */
section[id] {
  scroll-margin-top: 80px;
}

/* Ensure all links without classes don't get underline */
a { text-decoration: none; }

/* Selection color */
::selection {
  background: #2d4d2d;
  color: #faf9f6;
}

/* Focus visible styles */
*:focus-visible {
  outline: 2px solid #4a7a4a;
  outline-offset: 2px;
}

/* Subtle pattern for cream sections */
.bg-cream-50::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(45,77,45,0.03) 1px, transparent 0);
  background-size: 24px 24px;
  pointer-events: none;
}

/* Ensure hero images don't overflow */
.hero-gradient {
  position: relative;
}

/* Prevent layout shift on images */
img {
  max-width: 100%;
  height: auto;
}

/* Print styles */
@media print {
  .fixed, .mobile-menu, .mobile-overlay { display: none !important; }
  body { color: #000; background: #fff; }
  .hero-gradient { background: #2d4d2d !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}