@tailwind base;
@tailwind components;
@tailwind utilities;

//Dev Note: Typography wasn't working by default with Tailwind. Hardcoding a stop-gap below
@font-face {
  font-family: 'NoeDisplay-Bold';
  src: url('~/fonts/NoeDisplay-Bold.woff2') format('woff2');
  font-style: normal;
}

@font-face {
  font-family: 'RivieraNights-Bold';
  src: url('~/fonts/RivieraNights-Bold.woff2') format('woff2');
  font-weight: bold;
}

@font-face {
  font-family: 'RivieraNights-Regular';
  src: url('~/fonts/RivieraNights-Regular.woff2') format('woff2');
  font-weight: normal;
}

// Required Core Stylesheet
@import "../../node_modules/@glidejs/glide/src/assets/sass/glide.core";

// Optional Theme Stylesheet
@import "../../node_modules/@glidejs/glide/src/assets/sass/glide.theme";

.glide__bullet--active {
  background-color: rgb(224, 85, 56);
}

.glide__bullet:focus,
.glide__bullet:hover {
  border-color: rgb(224, 85, 56);
  background-color: rgb(224 85 56 / 50%);
}