/* Custom overrides to Basecoat styles and shadcn theme */

:root {
  --muted: #f7f7f8;
  --border: oklch(0.95 0 0 / 1);
}

.card {
  box-shadow: 0 1.5rem 5rem color-mix(in oklch, var(--foreground) 7%, transparent);
}


.card.cover {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.card.cover>section {
  margin-top: auto;
  margin-bottom: 1rem;
}
.card.cover>img {
  display: block;
  width: calc(100% + 3rem);
  max-width: none;
  height: 11rem;
  object-fit: cover;
  margin: -1.5rem -1.5rem 0.5rem;
}