/* ==========================================================================
   ALBIREO - ANIMATIONS GLOBALES
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {

  /* Halo lunaire qui respire */
  .albireo-hero-halo {
    animation: albireoBreathe 8s ease-in-out infinite;
  }
  @keyframes albireoBreathe {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.85; transform: scale(1.02); }
  }

  /* Apparition au scroll (via IntersectionObserver dans solar-system.js) */
  [data-albireo-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  }

  [data-albireo-reveal].is-revealed {
    opacity: 1;
    transform: translateY(0);
  }

  /* Particules d'étoiles en fond (optionnel, via classe sur cover) */
  .albireo-stars-bg {
    position: relative;
  }
  .albireo-stars-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      radial-gradient(1px 1px at 20% 30%, rgba(255, 255, 255, 0.8), transparent),
      radial-gradient(1px 1px at 60% 70%, rgba(255, 255, 255, 0.5), transparent),
      radial-gradient(2px 2px at 80% 20%, rgba(255, 255, 255, 0.9), transparent),
      radial-gradient(1px 1px at 35% 85%, rgba(255, 255, 255, 0.6), transparent),
      radial-gradient(1px 1px at 75% 45%, rgba(255, 255, 255, 0.7), transparent);
    background-size: 250px 250px;
    pointer-events: none;
    opacity: 0.6;
    animation: albireoDrift 90s linear infinite;
  }
  @keyframes albireoDrift {
    from { transform: translate(0, 0); }
    to   { transform: translate(-250px, -250px); }
  }
}