@import 'tailwindcss';
@import 'tw-animate-css';

@import './tailwind-shared.css';

@layer base {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: unset;
    font-size: unset;
  }
}

/* Product vs marketing styles are loaded per route layout so each surface wins locally:
   - `(withChrome)` → product.css only
   - Marketing shell → product.css (modal base) then website.css + marketing-swiper.css */