/* Only what Tailwind cannot express. Everything else is utility classes. */

/* Page gutter used by px-(--g) etc. (fluid value shared by every section) */
:root { --g: clamp(16px, 2vw, 32px); }

/* Ground colour behind the page (overscroll / outside the app wrapper) */
html, body { margin: 0; background: #EDEDED; }

/* Global reduced-motion switch for every animation and transition */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}