frontend/src/app/globals.css

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Noto+Sans:wght@400;500;700;900&display=swap");

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

:root {
  --bg-primary: #11121f;
  --bg-secondary: #0c0c16;
  --primary-special-color: #4343ff;
  --player-primary: rgb(79, 79, 216);
  --gray-text-color: #d8d8d8;
  --card-color: #1b1b3b;
  --green-text-color: #09db54;
  --light-blue-color: #84b7fb;
}

body {
  font-family: "Inter", "Noto Sans", sans-serif;
  background-color: var(--bg-primary) !important;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scroll-behavior: smooth;
}

.app-container {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important; /* Firefox */
  scroll-behavior: smooth !important;
  overflow: scroll !important;
  height: 100dvh !important;
  padding-top: 80px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.app-container::-webkit-scrollbar {
  display: none !important;
}