:root {
    --ast-global-color-4: 34, 37, 41;
    --navbar-height: 72px;
    --card-bg-color: #2a2e33;
    --dropdown-bg-color: #2a2e33;
}

body {
    padding-top: var(--navbar-height);
}

.navbar {
    height: var(--navbar-height);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background-color: rgba(var(--ast-global-color-4), 0.5) !important;
    background-image: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dropdown-menu {
    background-color: var(--card-bg-color);
    z-index: 1031;
}

.dropdown-item {
    color: #fff;
}

.card-bg {
    background-color: var(--card-bg-color) !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}