@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&display=swap');

body {
  background-color: #000000;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,
.heading {
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  line-height: 1.1;
  color: #ffffff;
}

.mono {
  font-family: 'JetBrains Mono', monospace;
}

::selection {
  background-color: var(--atlas-c-start);
  color: #000000;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--surface-950);
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}