@import "tailwindcss";

:root {
  --tg-bg: #0b1220;
  --tg-surface: #121b2e;
  --tg-surface-2: #182544;
  --tg-text: #f4f6fb;
  --tg-hint: #8b96ad;
  --tg-accent: #3fa9ff;
  --tg-accent-2: #22c55e;
}

html,
body {
  background: var(--tg-bg);
  color: var(--tg-text);
  max-width: 100vw;
  overscroll-behavior-y: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.safe-top {
  padding-top: env(safe-area-inset-top, 0px);
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #2a3a5c;
  border-radius: 8px;
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}