body {
    font-family: Arial, sans-serif;
    background-color: #f7f7ff; /* Soft pastel blue background */
}

.top-bar {
    font-size: 0.9rem;
    background-color: #fff9c4; /* Light yellow for a warm top bar */
}

.top-bar a {
    color: #d81b60; /* Bright pink for email link */
    text-decoration: none;
}

.top-bar a:hover {
    color: #ff4081; /* Lighter pink on hover */
}

.navbar-brand img {
    max-height: 50px;
}

.nav-link {
    color: #1a237e !important; /* Deep blue for menu items */
    font-weight: 500;
    margin-left: 15px;
}

.nav-link:hover {
    color: #2196f3 !important; /* Bright blue on hover */
}

.carousel-section img {
    max-height: 500px;
    object-fit: cover;
}

.card {
    transition: transform 0.3s;
    background-color: #e1bee7; /* Soft purple for card background */
    border: 2px solid #ffca28; /* Bright yellow border */
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(255, 111, 0, 0.2); /* Orange shadow for pop */
}

.card-img-top {
    height: auto;
    object-fit: cover;
}

.card-body {
    color: #1a237e; /* Deep blue text in cards */
}

.btn-primary {
    background-color: #ff6b6b; /* Bright red button */
    border-color: #ff6b6b;
}

.btn-primary:hover {
    background-color: #ff8a80; /* Lighter red on hover */
    border-color: #ff8a80;
}

footer {
    background-color: #26a69a; /* Teal footer for contrast */
}

footer a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
}

footer a:hover {
    color: #fff9c4; /* Light yellow on hover */
}

#about {
    background-color: #b9f6ca; /* Mint green for about section */
}

#toys {
    background-color: #ffecb3; /* Soft peach for toys section */
}

#contact {
    background-color: #f8bbd0; /* Light pink for contact section */
}