/* === LAYOUT & GLOBAL STRUCTURE === */
@import url("header.css");
@import url("hero.css");

/* === SECTION CONTENT === */
@import url("about.css");
@import url("projects.css");
@import url("services.css");
@import url("testimonials.css");
@import url("contact.css");
@import url("footer.css");

/* === RESPONSIVE & OVERRIDES === */
@import url("mobileresponse.css");

:root {
  --color-bg: #f4f5f7;
  --color-bg-alt: #e9ecf0;
  --color-text-main: #1f2a38;
  --color-text-muted: #4a5568;
  --color-accent: #c46b3d;
  --color-card-bg: #ffffff;
  --color-shadow: rgba(0,0,0,0.05);
}