/* Only styles Tailwind cannot do cleanly via utilities */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* Hero gradient background */
.hero-gradient {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(15, 107, 122, 0.15), transparent 50%),
    radial-gradient(ellipse at 90% 30%, rgba(244, 180, 0, 0.12), transparent 55%),
    linear-gradient(180deg, #f0f7f8 0%, #ffffff 100%);
}

/* Subtle dotted grid pattern for background layering */
.bg-grid {
  background-image:
    linear-gradient(to right, #0a4550 1px, transparent 1px),
    linear-gradient(to bottom, #0a4550 1px, transparent 1px);
  background-size: 48px 48px;
}

/* Print-friendly fallbacks */
@media print {
  header, footer, #contact form { display: none; }
}