@import url("./tokens.css");

@keyframes fd-holocron-pulse {
  0%,
  100% {
    filter: drop-shadow(0 0 4px rgba(214, 168, 79, 0.35));
  }

  50% {
    filter: drop-shadow(0 0 18px rgba(214, 168, 79, 0.75));
  }
}

@keyframes fd-cinematic-reveal {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}