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

:root {
  color-scheme: dark;
}

html, body {
  background-color: #0f172a;
  color: #e2e8f0;
  font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.font-display {
  font-family: 'Chakra Petch', 'Outfit', system-ui, sans-serif;
  letter-spacing: 0.01em;
}

.bg-grid {
  background-image:
    linear-gradient(rgba(99,102,241,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99,102,241,0.06) 1px, transparent 1px);
  background-size: 32px 32px;
}

a {
  color: #818cf8;
}
a:hover {
  color: #a5b4fc;
}

/* Subtle scroll anchor offset */
:target {
  scroll-margin-top: 80px;
}