@import url("./header.css");
@import url("./footer.css");
@import url("./home.css");
@import url("./contact.css");
@import url("./existing-presence.css");
@import url("./new-project.css");
@import url("./blog.css");
@import url("./components/breakpoints.css");
@import url("./components/layout.css");
@import url("./components/typography.css");
@import url("./components/buttons.css");
@import url("./components/contact-toggle.css");
@import url("./components/colors.css");

:root {

  --gl-font-headline-font: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gl-font-text-font-ex: "Cabin", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gl-font-text-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gl-font-mono: "Space Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --gl-shadow-soft: 0 2px 40px rgba(21, 26, 33, .1);
  --gl-content-width: 1200px;
}

.is-gsap-ready {
  opacity: 1;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  max-width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
}

body {
  color: var(--gl-color-text-soft);
  font-family: var(--gl-font-text-font);
  background: linear-gradient(to bottom, var(--gl-background-start-rgb), var(--gl-background-end-rgb));
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--gl-color-text-link);
  text-decoration: none;
}

main {
  display: block;
}