@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Poppins:wght@400;500;600;700;800;900&display=swap');


@layer base {
  html {
    scroll-behavior: smooth;
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif;
    color: #222222;
    background-color: #FFFFFF;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', 'Montserrat', sans-serif;
  }
}

/* Custom Utilities for prompt spec colors */
.bg-primary-blue {
  background-color: #0F5DA8;
}

.text-primary-blue {
  color: #0F5DA8;
}

.border-primary-blue {
  border-color: #0F5DA8;
}

.bg-charcoal {
  background-color: #222222;
}

.text-charcoal {
  color: #222222;
}

.bg-light-gray {
  background-color: #F5F5F5;
}

/* Hide scrollbar for gallery filters */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}