/* ══════════════════════════════════════════════════════════
   styles.css  ·  SINGLE ENTRY POINT
   ──────────────────────────────────────────────────────────
   
   Load order matters — do NOT rearrange the @imports.
   ══════════════════════════════════════════════════════════ */

/* ① Google Fonts — must be first so variables can reference them */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');

/* ② Design tokens · reset · shared utilities */
@import url('base.css');

/* ③ Components — top → bottom of page */
@import url('navbar.css');
@import url('hero.css');
@import url('strip.css');
@import url('about.css');
@import url('services.css');
@import url('quote.css');
@import url('gallery.css');
@import url('testimonials.css');
@import url('booking.css');
@import url('faq.css');
@import url('contact.css');
@import url('footer.css');
@import url('cookies-privacy-terms.css');

/* ④ Responsive breakpoints*/
@import url('responsive.css');