/* ==========================================================================
   Designer Flair
   Transforming homes...with flair.

   The stylesheet is split by responsibility. Import order matters: tokens
   first, then the reset, then structure, then components, then the sections
   that use them, and finally the responsive overrides.

     variables.css   colours, type scale, spacing, layout tokens
     base.css        @font-face, reset, base typography, accessibility
     layout.css      containers, sections, header, navigation, footer
     components.css  logo, buttons, cards, tiles, form controls
     sections.css    hero, about, services, gallery, CTA, contact
     responsive.css  breakpoint behaviour (last, so it can override)
   ========================================================================== */

@import url("variables.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("sections.css");
@import url("responsive.css");