/* ============================================================
   Visuala Studio — Global stylesheet entry point.
   Link THIS file from index.html. Imports the token layer, the
   base/reset layer, the component primitives, and every section
   stylesheet in render order.
   ============================================================ */

/* Token layer (order matters: fonts → colors → typography →
   spacing → base. Base references all of the above.) */
@import "./tokens/fonts.css";
@import "./tokens/colors.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/base.css";

/* Component primitives (.btn, .pill, .card, .input, etc.).
   Loaded after tokens, before sections. */
@import "./components.css";

/* Sections, in render order. Each section owns its own file so
   edits stay scoped — change one section without touching others. */
@import "./sections/nav.css";
@import "./sections/hero.css";
@import "./sections/statement.css";
@import "./sections/services.css";
@import "./sections/cases.css";
@import "./sections/differentiators.css";
@import "./sections/process.css";
@import "./sections/testimonials.css";
@import "./sections/faq.css";
@import "./sections/booking-form.css";
@import "./sections/footer.css";