/* ============================================================
   Colworth Builders — 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
   ------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  color: #555;
}

/* ------------------------------------------------------------
   2. Typography
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #1C1C1C;
}

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

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