/* FREEDEN Landing - Custom styles (Tailwind handles the rest) */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

::selection {
  background-color: rgba(30, 143, 255, 0.25);
}

/* Scrollbar */
* { scrollbar-color: rgba(161,161,170,0.25) transparent; }
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background-color: rgba(161,161,170,0.25); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(161,161,170,0.4); }

/* Hero glow behind the mark */
.hero-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 640px;
  height: 640px;
  max-width: 90vw;
  transform: translate(-50%, -55%);
  background: radial-gradient(circle, rgba(30, 143, 255, 0.14) 0%, rgba(30, 143, 255, 0.05) 40%, transparent 70%);
  pointer-events: none;
}

/* Gentle float on the hero mark */
.logo-float {
  animation: logo-float 6s ease-in-out infinite;
}
@keyframes logo-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce) {
  .logo-float { animation: none; }
}

/* Litany rows fade in as they scroll into view */
.litany-row {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.litany-row.visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .litany-row { opacity: 1; transform: none; transition: none; }
}

/* Admin sidebar tabs */
.admin-tab {
  color: #a1a1aa;
}
.admin-tab:hover {
  color: #fafafa;
  background-color: rgba(38, 38, 38, 0.6);
}
.admin-tab.active {
  color: #1E8FFF;
  background-color: rgba(30, 143, 255, 0.1);
}

/* Creation cards */
.creation-card {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.creation-card:hover {
  border-color: rgba(30, 143, 255, 0.35);
  background-color: rgba(35, 35, 35, 0.8);
}