:root {
        --petal-pink: #FFD1DC;
        --sky-blue: #B3E5FC;
        --deep-pastel: #7BB2D9;
        --heart-pink: #FF8DA1;
    }

    body {
        font-family: 'Quicksand', sans-serif;
        background-color: #fdfdfd;
        color: #4A4A4A;
    }

    h1, h2, h3, .brand-font {
        font-family: 'Fredoka', sans-serif;
    }

    .bg-pastel-pink { background-color: var(--petal-pink); }
    .bg-pastel-blue { background-color: var(--sky-blue); }
    .text-pastel-pink { color: var(--heart-pink); }

    .hero-gradient {
        background: linear-gradient(135deg, var(--sky-blue) 0%, var(--petal-pink) 100%);
    }

    .card-hover {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .card-hover:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .blob {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    }

    .custom-shape-divider-bottom-168345 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
    }

    .custom-shape-divider-bottom-168345 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 80px;
    }

    .custom-shape-divider-bottom-168345 .shape-fill {
        fill: #FFFFFF;
    }

    /* Modal styling */
    #bookingModal {
        display: none;
        background: rgba(0,0,0,0.5);
        backdrop-filter: blur(4px);
    }

    .gallery-img {
        transition: transform 0.5s ease;
    }
    .gallery-img:hover {
        transform: scale(1.05);
    }

    .countdown-box {
        background: white;
        box-shadow: 0 10px 20px rgba(255, 209, 220, 0.4);
        border-radius: 24px;
        padding: 1.2rem;
        min-width: 90px;
        border: 2px solid #fff5f7;
        flex: 1 1 100px;
        max-width: 120px;
    }