/* Shared nav + footer (blog, labels chrome) */
.dims-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  pointer-events: none;
}

.dims-nav__inner,
.dims-nav__backdrop,
.dims-nav__drawer,
.dims-nav__toggle {
  pointer-events: auto;
}

.dims-footer {
  width: 100%;
  background: #0d0d0d;
  color: #fff;
}

/* Drawer is reparented to body in marketing-nav.js — set SF Pro explicitly (not Geist body). */
.dims-nav__drawer {
  font-family: "SF Pro Display Regular", "SF Pro Display Regular Placeholder", system-ui,
    sans-serif;
}

.dims-nav__links--drawer a {
  font-family: "SF Pro Display Medium", "SF Pro Display Medium Placeholder", system-ui,
    sans-serif;
  font-weight: 500;
  font-synthesis: none;
}

/* Desktop center nav (visible ≥810px; reparented to body in marketing-nav.js). */
@media (min-width: 810px) {
  .dims-nav__links--desktop {
    gap: 0.2rem;
  }

  .dims-nav__links--desktop a {
    font-family: "SF Pro Display Regular", "SF Pro Display Regular Placeholder", system-ui,
      sans-serif;
    font-weight: 400;
    font-synthesis: none;
    color: #000;
    opacity: 1;
    padding: 0.45rem 0.875rem;
    border-radius: 999px;
    transition:
      background-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
      color 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .dims-nav__links--desktop a:hover,
  .dims-nav__links--desktop a:focus-visible {
    opacity: 1;
    color: #000;
    background: rgb(0 0 0 / 0.06);
  }

  .dims-nav__links--desktop a.is-active {
    background: rgb(0 0 0 / 0.1);
    color: #000;
    opacity: 1;
  }
}