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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', Arial, sans-serif;
  background-color: #F1EFE8;
  color: #374151;
  line-height: 1.6;
  font-weight: 400;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

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

::selection {
  background: #0F6E56;
  color: #fff;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { border-radius: 9999px; background-color: #d1d5db; }
::-webkit-scrollbar-thumb:hover { background-color: #9ca3af; }

/* Nav scroll-shrink */
#site-nav {
  transition: box-shadow 280ms ease;
}

#site-nav.nav-scrolled {
  box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 4px 12px rgba(0,0,0,0.05);
}