/* ============================================================
   Mr. Replit — Custom Styles
   Use this file for CSS that Tailwind cannot express on its own:
   complex animations, multi-step transitions, vendor-prefix
   rules, and third-party component overrides.
   ============================================================ */

/* ------------------------------------------------------------
   1. Global Resets & Base
   ------------------------------------------------------------ */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }

/* ------------------------------------------------------------
   2. Typography
   ------------------------------------------------------------ */
.font-heading { font-family: 'Inter', sans-serif; }

/* ------------------------------------------------------------
   3. Custom Components
   ------------------------------------------------------------ */
/* Add bespoke component styles here (e.g. hero overlays,
   card variants, animated badges) */

/* ------------------------------------------------------------
   4. Utilities & Helpers
   ------------------------------------------------------------ */
/* Add one-off utility rules here that can't be expressed as
   Tailwind classes */