@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Color variables for robust theme configurations */
:root {
  --color-brand-teal: #FF6B00;
  --color-brand-teal-dark: #CC5200;
  --color-brand-teal-light: #FFA366;
  --color-brand-ochre: #FFFFFF;
  --color-brand-ochre-dark: #E4E4E7;
  --color-brand-ochre-light: #FFA366;
  --color-brand-charcoal: #000000;
  --color-brand-dark-card: #121315;
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color: #08090A;
  color: #F3F4F6;
  overflow-x: hidden;
}

/* Custom class specifications matching the design philosophy */
.bg-brand-dark-card {
  background-color: #121315 !important;
}
.bg-brand-charcoal {
  background-color: #000000 !important;
}
.bg-brand-teal {
  background-color: #FF6B00 !important;
}
.text-brand-teal-light {
  color: #FFA366 !important;
}
.text-brand-teal {
  color: #FF6B00 !important;
}
.text-brand-ochre {
  color: #FFFFFF !important;
}
.bg-brand-ochre {
  background-color: #FFFFFF !important;
}
.border-brand-ochre {
  border-color: #FFFFFF !important;
}
.border-brand-teal {
  border-color: #FF6B00 !important;
}

/* Smooth scrolling override */
html {
  scroll-behavior: smooth;
}

/* Scrollbar utilities */
.scrollbar-none::-webkit-scrollbar {
  display: none !important;
}
.scrollbar-none {
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */
}