/* :root {
    --primary: #024CAA;
    --secondary: #AAAAAA;
    --success: #99DDCC;
    --warning: #FFAD60;
    --danger: #EF5A6F;
} */

:root[data-bs-theme="light"] {
    --bg-color: #FFFFFF;
    --text-color: #333333;
    --border-color: #DDDDDD;
    --topbar-bg-color: #024CAA;
    --topbar-text-color: #F5F5F5;
    --topbar-box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 8px;
    --content-bg-color: white;
    --content-text-color: #333333;
    --content-card-bg-color: white;
    --content-card-text-color: #333333;
    --content-card-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    --content-navigation-bg-color: #F5F5F5;
    --content-navigation-text-color: #333333;
    --content-navigation-active-bg-color: #024CAA;
    --content-navigation-active-text-color: #f5f5f5;
    --auction-card-bg-color: #F5F5F5;
    --auction-card-text-color: #333333;
    --botbar-bg-color: #024CAA;
    --botbar-text-color: #F5F5F5;
}
  
:root[data-bs-theme="dark"] {
    --bg-color: #161A1F;
    --text-color: #DDDDDD;
    --border-color: #363C46;
    --topbar-bg-color: #3d699f;
    --topbar-text-color: #DDDDDD;
    --topbar-box-shadow: rgba(125, 125, 125, 0.25) 0px 3px 8px;
    --content-bg-color: #222831;
    --content-text-color: #DDDDDD;
    --content-card-bg-color: #222831;
    --content-card-text-color: #DDDDDD;
    --content-card-shadow: rgba(109, 109, 109, 0.1) 0px 4px 12px;
    --content-navigation-bg-color: #3a4351;
    --content-navigation-text-color: #f5f5f5;
    --content-navigation-active-bg-color: #024CAA;
    --content-navigation-active-text-color: #f5f5f5;
    --auction-card-bg-color: #3a4351;
    --auction-card-text-color: #DDDDDD;
    --botbar-bg-color: #3d699f;
    --botbar-text-color: #DDDDDD;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

/* TOPBAR START */
    .topbar {
        width: 100%;
        height: 75px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
        background-image: linear-gradient( 288deg,  rgb(2,76,170,1) 1.5%, rgb(10,95,206,1) 91.6% );
        /* background-color: var(--topbar-bg-color); */
        color: var(--topbar-text-color);
        box-shadow: var(--topbar-box-shadow);
        transition: all 0.5s;
    }
/* TOPBAR END */

/* CONTENT START */
    .content {
        margin-top: 75px;
        padding: 1rem;
    }
    .content .content-navigation {
        width: 100%;
        margin-bottom: 1rem;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 0.5rem;
        overflow-x: auto;
    }

    .content .content-navigation a {
        font-weight: 500;
        background-color: var(--content-navigation-bg-color) !important;
        color: var(--content-navigation-text-color) !important;
        border: 1px solid var(--border-color);
    }

    .content .content-navigation a.active {
        font-weight: 500;
        background-color: var(--content-navigation-active-bg-color) !important;
        color: var(--content-navigation-active-text-color) !important;
    }

    .auction-card {
        padding: 1rem;
        background-color: var(--auction-card-bg-color);
        color: var(--auction-card-text-color);
        border: 1px solid var(--border-color);
        border-radius: 0.5rem;
        
    }
/* CONTENT END */

/* BOTBAR START */
    .botbar {
        width: 100%;
        background-color: var(--botbar-bg-color);
        color: var(--botbar-text-color);
    }
/* BOTBAR END */


.dropdown-menu {
    border-radius: 0.5rem;
    overflow: hidden;
}
.dropdown-menu .dropdown-item {
    padding: 0.5rem 1rem;
}