/* ==========================================
   MIAMI SUNSET MODE 🌅
========================================== */
body.sunset{
  --hero-overlay:
    radial-gradient(circle at 65% 25%,
      rgba(255,160,60,0.20),
      rgba(0,0,0,0.60)
    ),
    radial-gradient(circle at 25% 85%,
      rgba(255,0,120,0.16),
      transparent 60%
    );

  --hero-image: url("images/background-sunset.gif");

  --card-bg: rgba(18, 10, 14, 0.62);
  --card-stroke: rgba(255,160,60,0.22);
}

body.sunset .hero::before{ filter: contrast(1.03) saturate(1.15); }

/* Logo warm glow */
body.sunset .logo-text{
  color:#fff3e8;
  text-shadow:
    0 0 10px rgba(255,160,60,.65),
    0 0 30px rgba(255,80,0,.45),
    0 0 60px rgba(255,0,120,.30);
}

/* Titres */
body.sunset h2{
  color:#ffd39a;
  text-shadow:
    0 0 10px rgba(255,160,60,.50),
    0 0 26px rgba(255,0,120,.25);
}

/* CTA sunset */
body.sunset .cta{
  background: linear-gradient(90deg,#ff7a18,#ff2fd3);
  border-color: rgba(255,160,60,.22);
  box-shadow:
    0 0 25px rgba(255,160,60,.35),
    0 0 50px rgba(255,0,120,.25);
}

/* FAB sunset */
body.sunset .fab-btn{
  background: linear-gradient(90deg,#ff7a18,#ff2fd3);
  color:#fff;
  border-color: rgba(255,160,60,.30);
}