@import url("/frontend/Styles/vars.css");
@import url("/frontend/Styles/reset.css");
@import url("/frontend/Styles/layouts.css");
@import url("/frontend/Styles/home.css");
@import url("/frontend/Styles/range.css");
@import url("/frontend/Styles/models.css");
@import url("/frontend/Styles/contact.css");
@import url("/frontend/Styles/about.css");
@import url("/frontend/Styles/intro.css");
@import url("/frontend/Styles/parallax.css");
@import url("/frontend/Styles/header.css");
@import url("/frontend/Styles/footer.css");
@import url("/frontend/Styles/responsive.css");
@import url("/frontend/Assets/Fonts/fonts.css");
@import url("/frontend/Styles/buttons.css");

html, body {
  background-image: linear-gradient(
    to bottom,
    var(--navy-100) 0%,
    var(--navy-200) 100%
  );
  background-repeat: no-repeat;
  color: var(--ivory-100);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}



/* Special styling for feature section dividers */
.feature-content .divider {
  width: 100%;
  height: 2px;
  background-image: linear-gradient(
    to right,
    var(--gold-100),
    rgba(242, 217, 167, 0.5)
  );
}