:root {
    --primary-red: #0271a9;
    --accent-gold: #096796;
    --bg-cream: #faf6f0;
    --text-dark: #212529;
    --footer-bg: #0271a9;
}

body {
    font-family: "Poppins", sans-serif;
    color: var(--text-dark);
    background-color: var(--bg-cream);
}

.navbar {
    background-color: white;
    padding: 15px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.nav-link {
    color: var(--text-dark);
    font-weight: 500;
    margin-left: 20px;
}

.nav-link.active {
    color: var(--primary-red) !important;
    font-weight: 700;
}

.nav-link:hover {
    color: var(--primary-red);
}

footer {
    background-color: var(--footer-bg);
    color: white;
    padding: 60px 0 20px 0;
    text-align: center;
}

footer .footer-logo {
    margin-bottom: 20px;
}

footer p {
    margin-bottom: 5px;
}

.offcanvas-title {
    font-weight: 700;
    color: var(--primary-red);
}

.shimmer {
    background: linear-gradient(
        to right,
        #e0e0e0 0%,
        #f6f6f6 50%,
        #e0e0e0 100%
    );
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}