/* =====================================================================
   THEME · CANDY — soft pastels, lavender+mint+peach, ultra rounded
   ===================================================================== */

[data-theme="candy"] {
    --bg: #FFF0F6;
    --bg-alt: #F0E4FF;
    --bg-card: #FFFFFF;
    --fg: #3D2A5A;
    --fg-muted: #8B7AA8;
    --accent: #FF7EB3;
    --accent-dark: #E85F9E;
    --accent-contrast: #FFFFFF;
    --accent-glow: rgba(255, 126, 179, 0.3);
    --border: rgba(61, 42, 90, 0.1);

    --font-head: "Quicksand", "Fredoka", sans-serif;
    --font-body: "Quicksand", system-ui, sans-serif;
    --font-weight-head: 700;

    --radius: 32px;
    --radius-sm: 20px;
    --stroke: 0;
    --density: 1.2;
    --section-pad: clamp(3.5rem, 9vw, 7rem);
    --photo-filter: saturate(1.05) brightness(1.02);
    --shadow-card: 0 12px 40px rgba(255,126,179,0.2), 0 4px 12px rgba(162,107,255,0.12);
    --btn-shape: 999px;
}

[data-theme="candy"] body {
    background:
        radial-gradient(circle at 0% 0%, #C5B3FF 0%, transparent 45%),
        radial-gradient(circle at 100% 30%, #B3F5E8 0%, transparent 40%),
        radial-gradient(circle at 30% 100%, #FFD9E6 0%, transparent 50%),
        #FFF0F6;
    background-attachment: fixed;
}

/* Gentle blob decoration in hero */
[data-theme="candy"] .hero::before {
    content: "";
    position: absolute; top: -80px; right: -100px;
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(162,107,255,0.35), transparent 70%);
    filter: blur(40px);
    z-index: 0;
    pointer-events: none;
}
[data-theme="candy"] .hero::after {
    content: "";
    position: absolute; bottom: -100px; left: -80px;
    width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(255,126,179,0.35), transparent 70%);
    filter: blur(40px);
    z-index: 0;
    pointer-events: none;
}

[data-theme="candy"] .hero-inner { position: relative; z-index: 1; }

/* Cards — pillowy rounded */
[data-theme="candy"] .card,
[data-theme="candy"] .paket,
[data-theme="candy"] .work-card,
[data-theme="candy"] .faq-item {
    border-radius: 32px;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.8);
    box-shadow: 0 20px 50px rgba(255,126,179,0.15);
}

[data-theme="candy"] .btn-primary {
    background: linear-gradient(135deg, #FF7EB3, #A26BFF);
    border: none;
    color: #FFF;
    box-shadow: 0 8px 24px rgba(255,126,179,0.4);
    font-weight: 700;
    padding: 1.05rem 1.9rem;
}
[data-theme="candy"] .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(255,126,179,0.5);
}

[data-theme="candy"] .btn-secondary {
    background: rgba(255,255,255,0.7);
    color: var(--fg);
    border: 1.5px solid rgba(162,107,255,0.4);
    backdrop-filter: blur(10px);
}

[data-theme="candy"] .section-eyebrow,
[data-theme="candy"] .hero-eyebrow {
    background: linear-gradient(90deg, #FF7EB3, #A26BFF);
    background-clip: text; -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

/* Tile */
.tile-preview[data-theme="candy"] {
    background: linear-gradient(135deg, #FFF0F6, #F0E4FF);
    color: #3D2A5A;
    border-radius: 20px;
}
.tile-preview[data-theme="candy"] .tile-dot {
    background: linear-gradient(135deg, #FF7EB3, #A26BFF);
}
