:root {
    --tab-text: #495057;
    --tab-bg: #f8f9fa;
    --tab-border: #ced4da;
    --tab-active-text: #ffffff;
    --tab-active-bg: #0d6efd;
    --tab-hover-text: #212529;
    --tab-hover-bg: #e2e6ea;
}

/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
    :root {
        --tab-text: #e9ecef;
        --tab-bg: #2c2f33;
        --tab-border: #444c56;
        --tab-active-text: #ffffff;
        --tab-active-bg: #0d6efd;
        --tab-hover-text: #ffffff;
        --tab-hover-bg: #3a3f44;
    }
}
#addressTab .nav-link {
    color: var(--tab-text);
    background-color: var(--tab-bg);
    border-color: var(--tab-border) var(--tab-border) #fff;
}

    #addressTab .nav-link.active {
        color: var(--tab-active-text) !important;
        background-color: var(--tab-active-bg) !important;
        border-color: var(--tab-active-bg) var(--tab-active-bg) #fff !important;
    }

    #addressTab .nav-link:hover:not(.active) {
        background-color: var(--tab-hover-bg);
        color: var(--tab-hover-text);
    }