:root{
    --bs-body-bg: #FBFBFF;
    --bs-primary: #a72b7b;
    --col1: #FBFBFF;
    --col2: #20BF55;
    --col3: #0B4F6C;
    --col4: #ffd901;
    --col5: #757575;
    --col6: #85e091;
}

body {
    background-color: var(--col2);
    background-size: cover;
    background-image: url('/img/bg02.svg');
    background-repeat: no-repeat;
    min-height: 100vh;
    background-attachment: fixed;
}

body.bgimage {
    background-image: url('/img/bg1min.jpeg');
}

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

.btn-primary {
    color: #fff;
    background-color: var(--col4);
    border-color: var(--col4);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--col2);
    border-color: var(--col2);
}

.btn-primary:focus {
    color: #fff;
    background-color: var(--col2);
    border-color: var(--col2);
}

.topnav {
    background-color: var(--col2);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border-radius: 0 0 50px 50px;
    min-height: 80px;
    padding-left: 50px;
}



.erfooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: var(--col2);
    text-align: center;
    border-radius: 50px 50px 0 0;
}

.logincard {
    margin-top:  20vh;
    background-color: #FBFBFF;
    /*frosted glass effect*/
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    color: var(--col2);
}

.logincard a {
    color: var(--col2);
    text-decoration: none;
}

.logincard a:hover {
    color: var(--col4);
    text-decoration: none;
}

.glasscard{
    background-color: #FBFBFF;
    /*frosted glass effect*/
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    color: var(--col2);
}

.border-primary {
    border-color: var(--col2) !important;
}

.nav-link {
    color: var(--col2);
}

.form-check-input:checked {
    background-color: var(--col2) !important;
    border-color: var(--col2) !important;
}

.form-switch .form-check-input:focus {
    border-color: var(--col2);
    box-shadow: 0 0 0 0.25rem rgba(32, 191, 85, 0.25); /* This uses the --col2 color with transparency */
}