/* ZOOM – تم رنگی متحرک: دو رنگ اصلی (p = رنگ اصلی، a = رنگ تأکیدی) به‌آرامی در طول ~۲ دقیقه عوض می‌شوند */
@property --p{syntax:'<number>';inherits:true;initial-value:255}
@property --a{syntax:'<number>';inherits:true;initial-value:16}
:root{--p:255;--a:16;animation:zoomHue 120s linear infinite}
@keyframes zoomHue{
 0%  {--p:255;--a:16}   /* بنفش + مرجانی */
 20% {--p:215;--a:335}  /* آبی + صورتی */
 40% {--p:172;--a:38}   /* سبزآبی + کهربایی */
 60% {--p:330;--a:48}   /* سرخابی + طلایی */
 80% {--p:195;--a:25}   /* فیروزه‌ای + نارنجی */
 100%{--p:255;--a:16}
}
@media (prefers-reduced-motion:reduce){:root{animation:none}}