@font-face {
  font-family: ui-sans-serif;
}

.navlink{
  @apply rounded-2xl px-3 py-2 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900;
}

/* Tailwind CDN doesn't process @apply, so keep fallback */
.navlink{
  border-radius: 1rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  color: rgb(51 65 85);
}
.navlink:hover{ background: rgb(241 245 249); color: rgb(15 23 42); }

.card{
  border-radius: 1.5rem;
  border: 1px solid rgb(226 232 240);
  background: white;
  padding: 1rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}