:root {
  color-scheme: dark;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background: #07130f;
}

::selection {
  background: rgba(16, 185, 129, 0.35);
}

.hero-grid {
  background-image: radial-gradient(circle at 20% 20%, rgba(16, 185, 129, 0.14), transparent 25%),
    radial-gradient(circle at 80% 10%, rgba(13, 148, 136, 0.14), transparent 30%);
}

@media (max-width: 768px) {
  .text-hero {
    letter-spacing: -0.06em;
  }
}