@import url('./abstract/variables.css');
@import url('./abstract/reset.css');
@import url('./abstract/typography.css');
@import url('./abstract/layout.css');

@import url('./utils/spacing.css');
@import url('./utils/text.css');
@import url('./utils/flex.css');

@import url('./components/button.css');
@import url('./components/infobar.css');
@import url('./components/navbar.css');
@import url('./components/section.css');
@import url('./components/banner.css');

@import url('./pages/home.css');
@import url('./pages/services.css');
@import url('./pages/contact.css');
@import url('./pages/about.css');
@import url('./pages/gallery.css');
@import url('./pages/investigations.css');
@import url('./pages/errors.css');
.icon {
  margin-right: var(--space-1);
  color: var(--color-brand);
}
.icon-24 {
  width: 24px;
  height: 24px;
}
.icon-18 {
  width: 18px;
  height: 18px;
}
.icon-48 {
  width: 48px;
  height: 48px;
}
.icon-flip {
  transform: rotate(180deg);
}
.infobar__phone .icon {
  width: 22px;
  height: 22px;
}
.text--brand {
  color: var(--color-brand);
}
.text--undeline {
  text-decoration: underline;
}
.text-inverse {
  color: var(--color-text-inverse);
}

.text-primary {
  color: var(--color-text-primary) !important;
}
.text-white {
  color: white;
}

.bg-base-light {
  background-color: var(--color-gray-800);
}
.bg-base-medium {
  background-color: var(--color-gray-900);
}

.position-relative {
  position: relative;
}