/* DARK – global override (html’e .dark sınıfı gelecek) */
.dark {
    --bg-page: #1f1f1f;
    --surface: #191919;
    --text: #e8edf5;
    --muted: #a9b4c2;
    --shadow: 0 6px 12px rgba(0, 0, 0, 0.55);
    --shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.45);
    --dot: rgba(255, 255, 255, 0.35);
    --dot-active: #ffffff;
    --card-bg: rgba(218, 218, 218, 0.06);

    --color-card1-start: #e0952c7d;
    --color-card1-end: #ffa63179;
    --color-card2-start: #ff6b6b79;
    --color-card2-end: #ff8a8a6d;
    --color-card3-start: #b472e372;
    --color-card3-end: #d0a9f573;

    --wave-1: #1a1a1a;
    --wave-2: #242424;
    --wave-3: #101010;
}

/* ====== HOME sayfası için DARK varyantlar ====== */
.dark .home {
    --carousel-bg-desktop: radial-gradient(
            1200px 700px at 10% 85%,
            #3b2a1d 0%,
            rgba(59, 42, 29, 0.7) 40%,
            rgba(59, 42, 29, 0) 65%
        ),
        radial-gradient(
            900px 600px at 33% 42%,
            #5a3a34 0%,
            rgba(90, 58, 52, 0.58) 36%,
            rgba(90, 58, 52, 0) 64%
        ),
        radial-gradient(
            900px 600px at 50% 46%,
            #57423a 0%,
            rgba(87, 66, 58, 0.55) 38%,
            rgba(87, 66, 58, 0) 66%
        ),
        radial-gradient(
            900px 600px at 72% 44%,
            #4c3a58 0%,
            rgba(76, 58, 88, 0.5) 40%,
            rgba(76, 58, 88, 0) 68%
        ),
        radial-gradient(
            1100px 700px at 86% 38%,
            #2b4e5c 0%,
            rgba(43, 78, 92, 0.72) 45%,
            rgba(43, 78, 92, 0) 70%
        ),
        linear-gradient(
            80deg,
            #1a1e25 0%,
            #2a2521 22%,
            #3e2f2a 30%,
            #3a2f49 55%,
            #1f3541 100%
        );

    --carousel-bg-mobile: linear-gradient(
        70deg,
        #d7a3e1b1 0%,
        #f4a68cbd 20%,
        #fd9977c3 40%,
        #f8cebec7 60%,
        #fde6c3b5 100%
    );

    --events-bg: linear-gradient(180deg, #1f1f1f 0%, #181818 42%);
    --contact-bg1: #1b1b1b;
    --contact-bg2: #0f1216;
    --footer-f1: #0f1216;
    --footer-f2: #0b0c0d;

    /* what labels’ı dark’ta renksiz panel yapıyoruz (component bu tokenları değil, dark stilini kullanacak) */
}