/* nagomi — base styles
   (Layout and component styling is handled by Tailwind utility classes
   directly in js/app.jsx. This file only holds the few things Tailwind
   utility classes can't express: base typography, scrollbar theming,
   and the two custom keyframe animations used on the homepage.) */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
}

.font-serif {
  font-family: 'Cormorant Garamond', serif;
}

.font-sans {
  font-family: 'Inter', sans-serif;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #F8F5EE;
}

::-webkit-scrollbar-thumb {
  background: #C5B078;
  border-radius: 5px;
}

/* Hero section scroll indicator (HeroSection in js/app.jsx) */
@keyframes scroll {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

/* Kaiten conveyor belt marquee (KaitenSection in js/app.jsx) */
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}