/* assets/sakura.css */

/*
  Sakura canvas:
  - Không đụng button
  - Không đụng container
  - Không đụng z-index web
  - Không dùng body::before/body::after
  - Không tạo div phủ click
*/

body {
    background-color: #F4F7FE !important;
    background-image:
        radial-gradient(circle at 90% 12%, rgba(255, 170, 195, 0.32), transparent 28%),
        radial-gradient(circle at 12% 82%, rgba(255, 155, 180, 0.22), transparent 30%),
        linear-gradient(135deg, rgba(255, 238, 245, 0.85), rgba(244, 247, 254, 0.25)) !important;
    background-attachment: fixed !important;
}

/* Canvas hoa rơi: nhìn được nhưng không bao giờ bắt click */
#sakuraCanvas {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: 999 !important;
}

/* Không cho canvas quá đậm che nội dung */
@media (max-width: 600px) {
    #sakuraCanvas {
        opacity: 0.75;
    }
}