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

:root {
  --ink: #262626;
  --fog: #F7F7F7;
  --mist: #EFEFEF;
  --smog: #E4E4E4;
}

html {
  font-size: 112.5%;
}

html, body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: var(--fog);
  color: var(--ink);
  margin: 0;
  padding: 0;
}

body {
  padding-top: 84px;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.nav-link {
  color: #6F6F6F;
  font-weight: 400;
}

.nav-link.is-active {
  color: var(--ink);
  font-weight: 600;
}

.site-nav {
  transition: box-shadow 200ms ease, background-color 200ms ease, backdrop-filter 200ms ease;
}

.site-nav.is-scrolled {
  background-color: rgba(247, 247, 247, 0.85);
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  backdrop-filter: blur(8px);
}