:root {
    /* 56px is the standard height for a Bootstrap 5 navbar with default padding */
    --navbar-height: 70px;
}

.navbar.fixed-top {
    /* Ensures the background matches your Bootstrap theme */
    background-color: var(--bs-body-bg);

    /* Optional: Adds a nice frosted glass effect */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Ensure the shadow is visible against the background */
    border-bottom: 1px solid var(--bs-border-color);
}