body {
  background-color: #f8fafc;
  color: #0f172a;
}

.site-grid-bg {
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(to right, #e2e8f0 1px, transparent 1px),
    linear-gradient(to bottom, #e2e8f0 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: radial-gradient(ellipse 60% 50% at 50% 0%, #000 70%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 0%, #000 70%, transparent 100%);
  opacity: 0.5;
  pointer-events: none;
  z-index: -1;
}

.nav-link-active {
  color: #0f172a !important;
  font-weight: 600;
  border-bottom: 2px solid #0f172a;
  padding-bottom: 0.125rem;
}

.footer-link,
.header-link {
  transition: color 0.2s ease;
}

.footer-link:hover,
.header-link:hover {
  color: #0f172a;
}

.placeholder-text {
  color: #64748b;
}