/* ============================================================
   STYLE.CSS
   Custom overrides / anything Tailwind's CDN build can't do
   (custom fonts, keyframes, fine-tuned component styles).
   Tailwind utility classes should cover most styling directly
   in the HTML — keep this file lean.
============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Space+Grotesk:wght@300..700&display=swap');

:root {
  --color-brand-primary: #2760C1;   /* placeholder amber — replace with actual brand color from logo */
  --color-brand-dark: #0f172a;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, sans-serif; /* swap for brand typeface once confirmed */
}

/* Hero slider tweaks */
.hero-swiper .swiper-pagination-bullet-active {
  background: var(--color-brand-primary);
}

/* Simple fade-in utility for scroll reveals, if not using a library */
.fade-in {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}