:root {
    --blue: #007BFF;
    --green: #28A745;
    --white: #FFFFFF;
    --gray: #6C757D;
}

body {
    font-family: 'Arial', sans-serif;
    color: var(--gray);
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar-brand img {
    height: 40px; /* Adjust as needed */
}

.nav-link {
    color: var(--blue) !important;
}

.nav-link:hover {
    color: var(--green) !important;
}

.hero {
    background-color: var(--blue);
    color: var(--white);
}

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

.btn-success {
    background-color: var(--green);
    border-color: var(--green);
}

.card {
    border: 1px solid var(--gray);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.footer a {
    color: var(--white);
    text-decoration: none;
}

.footer a:hover {
    color: var(--green);
}

/* Media queries for responsiveness already handled by Bootstrap */