/* "Fresh" theme — custom styles layered on top of the Tailwind CDN runtime.
 * The React microsite uses Tailwind utilities + arbitrary values, so the Play
 * CDN reproduces almost everything; this file only sets the base font, hides
 * carousel scrollbars, and guards against a flash of unstyled content. */

:root { --brand: #059669; }

html, body { margin: 0; padding: 0; }
body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #0B0B12;
  background: #fff;
}

/* Playfair Display headings (matches font-['Playfair_Display'] utility) */
.font-\[\'Playfair_Display\'\] { font-family: "Playfair Display", Georgia, serif; }

/* Hide horizontal scrollbars on carousels / category strips */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Loading placeholder before the app hydrates */
#app > .fg-loading {
  display: flex; min-height: 100vh; align-items: center; justify-content: center;
  color: #6b7280; font-size: 14px;
}

img { max-width: 100%; }