@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap");




@layer utilities {
  .scrollbar-thin {
    scrollbar-width: thin; /* For Firefox */
    -webkit-scrollbar-width: thin; /* For WebKit browsers */
  }

  .scrollbar-thumb {
    scrollbar-color: #4b5563 #e5e7eb; /* thumb color, track color for Firefox */
    -webkit-scrollbar-thumb {
      background-color: #4b5563; /* For WebKit browsers */
      border-radius: 4px;
    }
  }

  .scrollbar-track {
    -webkit-scrollbar-track {
      background-color: #e5e7eb; /* For WebKit browsers */
    }
  }

  .scrollbar-rounded {
    -webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
  }
}

@font-face {
    font-family: 'Tusker Grotesk';
    src: url('/fonts/TuskerGrotesk5600Semibold.woff2') format('woff2'),
         url('/fonts/TuskerGrotesk5600Semibold.woff') format('woff');
    font-weight: 500; /* Semibold */
    font-style: normal;
    font-display: swap; /* Optional: Improves performance by showing fallback text while font loads */
  }
  
  html {
    font-family: 'Tusker Grotesk', sans-serif;
  }