/* LIGHT – global tokenlar */
:root {
    --bg-page: #f4f5f7;
    --surface: #ffffff;
    --text: #0f172a;
    --muted: #4b5563;
    --brand-cta: #ffa631;
    --brand-cta-hover: #e0942c;
    --shadow: 0 8px 12px rgba(0, 0, 0, 0.18);
    --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.12);
    --dot: rgba(255, 255, 255, 0.48);
    --dot-active: #fff;
    --card-bg: #ffffff;

    /* kart renkleri */
    --color-card1-start: #ffca7acb;
    --color-card1-end: #ffc982cf;
    --color-card2-start: #ff8c8cc8;
    --color-card2-end: #ff8787ca;
    --color-card3-start: #ca96fec1;
    --color-card3-end: #d59bffbe;

    /* dalga paleti */
    --wave-1: #d4eaf7;
    --wave-2: #ffffff;
    --wave-3: #bcd9eb;
}

/* ====== HOME sayfasına özel tokenlar (LIGHT) ====== */
.home {
    /* carousel */
    --carousel-bg-desktop: radial-gradient(
            1200px 700px at 10% 85%,
            #fde6c3 0%,
            rgba(253, 230, 195, 0.7) 40%,
            rgba(253, 230, 195, 0) 65%
        ),
        radial-gradient(
            900px 600px at 33% 42%,
            #f4a48a 0%,
            rgba(244, 164, 138, 0.6) 36%,
            rgba(244, 164, 138, 0) 64%
        ),
        radial-gradient(
            900px 600px at 50% 46%,
            #f4a68c 0%,
            rgba(244, 166, 140, 0.55) 38%,
            rgba(244, 166, 140, 0) 66%
        ),
        radial-gradient(
            900px 600px at 72% 44%,
            #d7a3e1 0%,
            rgba(215, 163, 225, 0.5) 40%,
            rgba(215, 163, 225, 0) 68%
        ),
        radial-gradient(
            1100px 700px at 86% 38%,
            #aee6fd 0%,
            rgba(174, 230, 253, 0.75) 45%,
            rgba(174, 230, 253, 0) 70%
        ),
        linear-gradient(
            80deg,
            #fbf2e3 0%,
            #fde6c3 22%,
            #f4a48a 30%,
            #d7a3e1 55%,
            #aee6fd 100%
        );
    --carousel-bg-mobile: radial-gradient(
            70% 55% at 15% 85%,
            #fde6c369 0%,
            rgba(253, 230, 195, 0.75) 40%,
            rgba(253, 230, 195, 0) 65%
        ),
        radial-gradient(
            60% 50% at 35% 42%,
            #f4a58a89 0%,
            rgba(244, 164, 138, 0.6) 36%,
            rgba(244, 164, 138, 0) 64%
        ),
        radial-gradient(
            60% 50% at 55% 50%,
            #f4a68c88 0%,
            rgba(244, 166, 140, 0.55) 38%,
            rgba(244, 166, 140, 0) 66%
        ),
        radial-gradient(
            60% 50% at 78% 44%,
            #d7a3e160 0%,
            rgba(215, 163, 225, 0.5) 40%,
            rgba(215, 163, 225, 0) 68%
        ),
        radial-gradient(
            70% 55% at 95% 36%,
            #aee7fd6e 0%,
            rgba(174, 230, 253, 0.75) 45%,
            rgba(174, 230, 253, 0) 70%
        ),
        linear-gradient(
            80deg,
            #fbf2e3a6 0%,
            #fde6c38b 20%,
            #f4a58a7e 30%,
            #d7a3e176 55%,
            #aee7fd73 100%
        );

    /* events */
    --events-bg: linear-gradient(180deg, #f5f5f5 0%, #ffffff 42%);

    /* contact (bileşen zaten bu iki değişkeni kullanıyor) */
    --contact-bg1: #ffffff;
    --contact-bg2: #eaf4ff;

    /* footer */
    --footer-f1: #eaf4ff;
    --footer-f2: #ffffff;

    /* what section – label renkleri */
    --what-label-1: #ffcd89;
    --what-label-2: #fcb18c;
    --what-label-3: #f89992;
    --what-label-4: #e899d9;
}