:root {
    --primary-color: #006837 !important; /* Bootstrap Primary green */
    --secondary-color: #c1272d !important; /* Custom Green */
    --hover-color: #091f07 !important; /* Dark green */
    --accent-color: #96ff33; /* Bright Accent */
    --background-light: #f8f9fa; /* Light Background */
    --background-dark: #343a40; /* Dark Background */
    --text-color: #333; /* Default Text */
    --text-light: #ffffff; /* Light Text */
    --text-muted: #555; /* Muted Text */
    --secondary-fade: #881b1f; /* Secondary Color Fade */
}

body {
    background-color: var(--background-light);
    color: var(--text-color);
}

.top-bar {
    background-color: var(--background-dark);
}

/* Apply primary color to all Font Awesome icons */
.fa, .fab, .fas {
    color: var(--primary-color);
}
.fab {
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}
/* Change color on hover */
.fab:hover {
    color: var(--accent-color); /* Darker shade for hover effect */
    font-size: 1.2rem;
}

.navbar {
    background-color: var(--background-light);
}
.navbar-nav a {
    color: var(--text-color);
}
.navbar-nav a:hover {
    color: var(--primary-color);
}
/* .navbar .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
} */

.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('img/hero.jpg') center/cover no-repeat;
    color: var(--text-light);
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:hover {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
}

.property-card .price {
    color: var(--secondary-color);
}

.purchase-type {
    background: var(--accent-color);
    color: var(--text-light);
}

.carousel-control-prev, .carousel-control-next {
    color: var(--text-light);
}

.why-choose-us {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('img/why-choose-us.jpg') center/cover no-repeat;
    color: var(--text-light);
}

.service-box {
    border-color: var(--primary-color) !important;
}
.copyright a {
    color: var(--primary-color);
    font-weight: bolder;
}

.footer-link {
    color: var(--text-light);
    transition: color 0.3s ease-in-out;
}
.footer-link:hover {
    color: var(--primary-color);
}