:root {
    --luxury-brown: #5a3825;   /* deep, elegant brown */
    --light-beige: #d6c3b4;    /* soft beige */
    --cream: #f5f2ed;          /* near-white luxury cream */
}

/* Background */
body {
    background-color: var(--cream);
}

/* Navbar */
.navbar .nav-link.text-purple:hover {
    color: var(--light-beige) !important;
}

/* Hero Section */
.hero {
    background: linear-gradient(90deg, var(--light-beige), var(--luxury-brown));
    color: #fff;
    padding: 80px 0;
    text-align: center;
}

/* Feature icons */
.feature-icon {
    font-size: 2.5rem;
    color: var(--luxury-brown);
}

/* Card hover effect */
.card {
    transition: transform 0.3s, box-shadow 0.3s;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(90,56,37,0.25);
}

/* Buttons */
.btn-primary {
    background-color: var(--luxury-brown);
    border-color: var(--luxury-brown);
}
.btn-primary:hover {
    background-color: var(--light-beige);
    border-color: var(--light-beige);
    color: var(--luxury-brown); /* contrast on hover */
}

.text-brown { color: #5a3825; }

/* Luxury Showcase Section */
.luxury-showcase {
    background: linear-gradient(90deg, var(--light-beige), var(--luxury-brown));
    color: #fff; /* makes text readable on darker brown */
    padding: 60px 0;
}

.luxury-showcase p {
    color: #fff; /* ensure paragraph text is visible */
}