/* Base Styles & Brittany Chiang Portfolio Exact Styling */

html {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Spotlight cursor effect layer */
#spotlight {
  background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(29, 78, 216, 0.15), transparent 80%);
  pointer-events: none;
}

/* Glassmorphism utility */
.glass-panel {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Navigation active state */
.nav-link.active .nav-indicator {
  width: 4rem;
  background-color: #e2e8f0;
}

.nav-link.active .nav-text {
  color: #f8fafc;
  font-weight: 700;
}

/* Subtle Profile Image Glow */
.profile-glow {
  position: relative;
}

.profile-glow::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 1.1rem;
  background: linear-gradient(135deg, rgba(94, 234, 212, 0.4), rgba(56, 189, 248, 0.2));
  filter: blur(6px);
  z-index: -1;
  transition: opacity 0.3s ease;
}

.profile-glow:hover::before {
  opacity: 1;
  filter: blur(10px);
}