/* Custom styles on top of Tailwind CDN */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Inter:wght@300;400;500&display=swap');

html {
  font-family: 'Inter', system-ui, sans-serif;
}

.font-serif {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

.input {
  width: 100%;
  padding: 0.625rem 1rem;
  border: 1px solid #d6d3d1;
  border-radius: 0.375rem;
  background: white;
  color: #1c1917;
}
.input:focus {
  outline: none;
  ring: 1px solid #a8a29e;
  border-color: #a8a29e;
}

.btn-primary {
  display: inline-block;
  padding: 0.625rem 1.5rem;
  background: #1c1917;
  color: white;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: 0.375rem;
  transition: background 0.15s;
}
.btn-primary:hover {
  background: #44403c;
}

.nav-link {
  transition: color 0.15s;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Admin: zona drag & drop */
.admin-drop-zone {
  cursor: pointer;
}
.admin-drop-zone.border-stone-500 {
  border-color: #78716c;
  background-color: #f5f5f4;
}
.admin-photo-card button,
.admin-photo-card [type="submit"] {
  cursor: pointer;
}
.admin-album-card a {
  text-decoration: none;
}