:root {
  --tg-theme-bg-color: #f2f2f7;
  --tg-theme-text-color: #000000;
  --tg-theme-hint-color: #8e8e93;
  --tg-theme-link-color: #007aff;
  --tg-theme-button-color: #007aff;
  --tg-theme-button-text-color: #ffffff;
  --tg-theme-secondary-bg-color: #ffffff;
  --tg-theme-header-bg-color: #f2f2f7;
}

.dark {
  --tg-theme-bg-color: #0f0f13;
  --tg-theme-text-color: #ffffff;
  --tg-theme-hint-color: #8b8b93;
  --tg-theme-link-color: #2481cc;
  --tg-theme-button-color: #007aff;
  --tg-theme-button-text-color: #ffffff;
  --tg-theme-secondary-bg-color: #1c1c1e;
  --tg-theme-header-bg-color: #151515;
}

body {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


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


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


.page-section {
  transition: opacity 0.22s ease-out;
  overscroll-behavior-y: contain;
}

html, body {
  overscroll-behavior: none;
}