/* Softer, layered shadows than Tailwind's flat defaults — used on cards
   throughout the app shell for a more premium feel. */
.shadow-card {
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 6px 20px rgba(15, 23, 42, 0.05);
}
.shadow-card-hover {
  transition: box-shadow 200ms ease, transform 200ms ease;
}
.shadow-card-hover:hover {
  box-shadow:
    0 2px 6px rgba(15, 23, 42, 0.06),
    0 16px 32px rgba(15, 23, 42, 0.10);
  transform: translateY(-2px);
}

/* Ambient background glow blobs (purely decorative, matches the
   gradient-panel language used on the signup page). */
.ambient-glow {
  position: fixed;
  border-radius: 9999px;
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}

/* Buttons feel more tactile with a tiny press-down on click. */
.btn-press {
  transition: transform 120ms ease, box-shadow 120ms ease, background-color 150ms ease;
}
.btn-press:active {
  transform: scale(0.97);
}

/* Composer modal */
#composer-modal-backdrop {
  transition: opacity 200ms ease;
}
#composer-modal-panel {
  transition: transform 200ms ease, opacity 200ms ease;
}