@import "tailwindcss";

@source "../../views";
@source "../../javascript";

/* No global smooth scrolling: it makes Hotwire Native's scroll RESTORATION
   animate on back-navigation (a visible "quick scroll" from the top to your
   saved position on the feed). Restoration must be instant. If a specific
   interaction wants smooth scrolling, opt in there with scrollTo({behavior}). */

body {
  font-family: 'DM Sans', 'Inter', sans-serif;
}

.btn-primary {
  background: linear-gradient(135deg, #7c3aed, #f43f5e);
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.3);
  transition: opacity 0.15s, transform 0.15s, box-shadow 0.15s;
}
.btn-primary:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(124, 58, 237, 0.35);
}
.btn-primary:active {
  transform: scale(0.98);
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25);
}

.gradient-text {
  background: linear-gradient(to right, #7c3aed, #f43f5e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.timeline-line {
  position: relative;
}
.timeline-line::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, #7c3aed, #f43f5e);
  border-radius: 2px;
}