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;
}

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; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scroll-behavior: smooth;
  overflow: scroll;
  height: 100dvh;
  padding-top: 80px;
}

.no-padding {
  padding-top: 0;
}

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