html, body {
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Smooth scroll padding for anchored links so they don't hide under the nav */
html { scroll-padding-top: 80px; }

/* Selection color */
::selection { background: rgba(99, 102, 241, 0.4); color: #fff; }

/* Subtle noise overlay for depth (optional) */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(ellipse at top, rgba(99,102,241,0.04), transparent 50%);
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.3); }
::-webkit-scrollbar-thumb { background: rgba(99, 102, 241, 0.3); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(99, 102, 241, 0.5); }

/* Animated underline links */
.link-underline { position: relative; }
.link-underline::after {
  content: "";
  position: absolute;
  left: 0; bottom: -2px;
  height: 1px;
  width: 0;
  background: currentColor;
  transition: width 0.2s ease;
}
.link-underline:hover::after { width: 100%; }

/* Smooth transitions on everything */
a, button, input, select { transition: all 0.15s ease; }