/* ==========================================================
   Spring Sakura Theme (Весна / Киберпанк-Сакура & JRPG)
   Colors: Sakura Pink (#ff70a6) + Neo-Tokyo Plum (#160b24)
   Wallpaper: Night Cherry Blossom Twigs + Falling Petals
   ========================================================== */

body[data-theme="sakura"] {
    --cnp-bg: #09050e;
    --cnp-header: #140b1e;
    --cnp-surface: #180d26;
    --cnp-surface2: #241438;
    --cnp-card-hover: #291740;
    --cnp-text: #fdf2f8;
    --cnp-secondary: #f472b6;
    --cnp-muted: #c084fc;
    --cnp-yellow: #ff70a6; /* Sakura Neon Pink */
    --cnp-yellow-hover: #ff9ebb;
    --cnp-accent: #a855f7; /* Tokyo Purple */
    --cnp-accent-hover: #c084fc;
    --cnp-border: rgba(255, 112, 166, 0.25);
    --cnp-border-hover: rgba(168, 85, 247, 0.55);
}

/* Real Artwork Side Wallpaper (Night Sakura Illumination) */
body[data-theme="sakura"] .cnp-theme-bg {
    background-color: #09050e;
    background-image: 
        linear-gradient(90deg, #09050e 0%, rgba(9,5,14,0.85) 45%, rgba(9,5,14,0.15) 75%, transparent 100%),
        url('/static/images/themes/sakura_real.webp');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100vh;
    opacity: 0.95;
}

body[data-theme="sakura"] .cnp-header {
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, #ff70a6 0%, #a855f7 50%, #ff70a6 100%) 1;
    box-shadow: 0 4px 25px rgba(255, 112, 166, 0.25);
}

/* Falling Sakura Petals Animation (Pure CSS) */
body[data-theme="sakura"]::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 99999;
    background-image: 
        radial-gradient(5px 3px at 50px 80px, #ff70a6, transparent),
        radial-gradient(6px 4px at 180px 220px, #ff9ebb, transparent),
        radial-gradient(5px 3px at 320px 140px, #ff70a6, transparent),
        radial-gradient(7px 4px at 450px 360px, #f472b6, transparent),
        radial-gradient(5px 3px at 120px 480px, #ff70a6, transparent);
    background-size: 500px 500px;
    animation: cnpPetalFall 14s linear infinite;
    opacity: 0.65;
}
@keyframes cnpPetalFall {
    0% { transform: translateY(-500px) rotate(0deg); }
    100% { transform: translateY(100vh) rotate(360deg); }
}

body[data-theme="sakura"] .cnp-brand {
    position: relative;
    display: inline-flex;
    align-items: center;
}
body[data-theme="sakura"] .cnp-brand::after {
    content: "🌸";
    font-size: 20px;
    position: absolute;
    top: -10px;
    right: -24px;
    filter: drop-shadow(0 0 8px #ff70a6);
    pointer-events: none;
}

body[data-theme="sakura"] .cnp-badge,
body[data-theme="sakura"] .cnp-btn-primary {
    background: linear-gradient(135deg, #ff70a6 0%, #a855f7 100%) !important;
    color: #ffffff !important;
    border: none;
    box-shadow: 0 2px 14px rgba(255, 112, 166, 0.45);
}

body[data-theme="sakura"] .cnp-theme-event-banner {
    background: linear-gradient(90deg, #9d174d 0%, #ff70a6 50%, #7e22ce 100%) !important;
    color: #ffffff !important;
}
body[data-theme="sakura"] .cnp-theme-event-banner span::before { content: "🌸 [SPRING SAKURA FESTIVAL] "; }

body[data-theme="sakura"],
body[data-theme="sakura"] * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ctext y='20' font-size='20'%3E🌸%3C/text%3E%3C/svg%3E") 4 4, auto;
}
body[data-theme="sakura"] a,
body[data-theme="sakura"] a *,
body[data-theme="sakura"] button,
body[data-theme="sakura"] button * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ctext y='20' font-size='20'%3E🗡️%3C/text%3E%3C/svg%3E") 6 6, pointer !important;
}