@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@500;600;700;800&family=Newsreader:ital,opsz,wght@1,6..72,400;1,6..72,500&display=swap');

:root {
  --font-syne: 'Syne', sans-serif;
  --font-mono: 'Space Grotesk', monospace;
  --font-sans: 'Plus Jakarta Sans', sans-serif;
}

body {
  font-family: var(--font-sans);
  background-color: #08080a;
  color: #e4e4e7;
  overflow-x: hidden;
}

.font-syne {
  font-family: var(--font-syne);
}

.serif-accent {
  font-family: 'Newsreader', Georgia, serif;
}

/* Subtle noise texture */
.noise-bg {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
}

/* Smooth custom selection */
::selection {
  background: #ffffff;
  color: #000000;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #08080a;
}
::-webkit-scrollbar-thumb {
  background: #27272a;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3f3f46;
}