html[wg-theme='Light'] {
/*    --bgStandard: #ffffff;*/
/*    --em: #274861;*/
/*    --textEm: #ffffff;*/
    
    --primary: #00619b;
    --primary-hover: #496f91;
    --text-primary: #ffffff;

   
    --secondary: #59544F;
    --text-secondary: var(--secondary);
    
    /*    --tertiary: #bfad9a;*/
    --tertiary: #624d40;
    --text-tertiary: var(--secondary);


    --accent: rgb(204, 180, 164);
    --text-accent: var(--text-dark);
    --background-accent: #f8f7f7;
    
    --text-dark: #000;

    --background-light: #f7f8fa;
    
    --navbarBg: var(--primary);
    --navbarText: var(--textPrimary);
    --navbarLink: var(--textPrimary);

    --text-dark: #26201C;
    --text-light: ##BFBBB8;
    --header-color: var(--primary);


    #sidebar {
        --calcite-ui-icon-color: black;
    }

}

html[wg-theme='Linda'] {
    --primary: #7f5539;
    --text-primary: #ffffff;
    --primary-hover: color-mix(in srgb, var(--primary) 60%, black 40%);

    --secondary: #9c6644;
    --text-secondary: var(--secondary);

    --tertiary: var(--secondary);
    --text-tertiary: var(--secondary);
    
    --accent: var(--secondary);
    --background-accent: #f8f7f7;
    
    --background-light:#f1e8e0;
    
    --text-dark: #000;
    --text-light: ##BFBBB8;
    --header-color: var(--primary);

 
}

html[wg-theme='Dark'] {
    /*    --primary: #274861;
    --textPrimary: #FFF;
    --secondary: #2d5f85;
    --textSecondary: #ffffff;
    --bgStandard: #202529;
    --textStandard: #fff;
    --em: #778da9;
    --textEm: var(--bgStandard);
    --text-light: #e0e1dd;
    --navbarBg: var(--primary);
    --navbarText: var(--textPrimary);
    --navbarLink: var(--textPrimary);*/

    --primary: #A4B3C6;
    --text-primary: var(--text-light);
    --primary-hover: color-mix(in srgb, var(--primary) 60%, black 40%);

    --secondary: #778da9;
    --text-secondary: var(--secondary);

    --tertiary: #fff;
    --text-tertiary: #fff;

    --accent: var(--secondary);
    --background-accent: #2e353f;
    --background-light: #202529;

    --text-dark: #e0e1dd;
    --text-light: #000;
    --text-accent: var(--text-dark);
    --link: var(--secondary); 
    --header-color: var(--primary);

}


html[wg-theme='DeepSea'] {
    --primary: #3893d8;
    --text-primary: #e0e1dd;
    --primary-hover: color-mix(in srgb, var(--primary) 60%, black 40%);
    --secondary: #415a77;
    --tertiary: var(--secondary);
    --text-tertiary: var(--text-secondary);
    --text-secondary: #e0e1dd;
    --bgStandard: #161d25;
    --em: #778da9;
    --textEm: var(--bgStandard);
    --text-light: #e0e1dd;
    --navbarBg: var(--primary);
    --navbarText: var(--textPrimary);
    --navbarLink: var(--textPrimary);
    --tertiary: #778da9;
    --accent: var(--secondary);
    --background-accent: var(--secondary);
    --background-light: #161d25;
    --text-dark: #e0e1dd;
    --text-light: #BFBBB8;
    --text-accent: var(--text-dark);
    --link: var(--primary);
    --header-color: var(--primary);
}

html.calcite-mode-dark {
    .border-black {
        border-color: var(--text-dark) !important;
    }

    a:not(.btn):not(.card)  {
        color: var(--link);
    }

    footer a {
        color: var(--text-dark) !important;
    }
}

body {
    background-color: var(--background-light);
    color: var(--text-dark);
}

h1, h2, h3, h4, h5 {
    color: var(--primary);
    font-weight: 600;
}

.text-dark {
    color: var(--text-dark) !important;
}

.bg-tertiary {
    background: #F8F7F7;
    background: linear-gradient(90deg, rgba(248, 247, 247, 1) 75%, rgba(87, 199, 133, 0) 100%, rgba(237, 221, 83, 1) 100%);
    color: var(--text-tertiary)
}

.bg-accent {
    background-color: var(--background-accent);
    color: var(--text-accent);
}

.text-primary {
    color: var(--primary) !important; 
}
.text-secondary {
    color: var(--secondary) !important;
}
.text-tertiary {
    color: var(--text-tertiary) !important; 
}

.form-control, .form-select, .rounded {
    border-radius: 12px !important;
}

.btn {
    border-radius: 12px; 
}

.btn-primary {
    background-color: var(--primary);
    color: var(--text-primary);
}
.btn-secondary {
    background-color: var(--background-secondary);
    border-radius: 12px;
    color: var(--secondary);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary.show {
    background-color: var(--secondary) !important;

}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--primary); 
    filter: brightness(0.9);
}

html .border-top {
    border-top: 1px solid var(--tertiary) !important;
}
html .border-bottom {
    border-bottom: 1px solid var(--tertiary) !important;
}

.card {
    border-color: var(--tertiary);
}

.h-0 {
    height: 0% !important;
}

header.homeHeader, header.pagesHeader {
    border-top: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
}

.calcite-mode-dark #navLogoLight {
    display: none; 
}

.calcite-mode-dark #navLogoDark {
    display: block;
}

.calcite-mode-light #navLogoDark {
    display: none; 
}
.calcite-mode-light #navLogoLight {
    display: block;
}

.navbar-toggler {
    color: var(--secondary);
    border-color: var(--secondary);
}

.table, table, .table > :not(caption) > * > * {
    background-color: var(--background-accent) !important;
    color: var(--text-accent);
}

.modal {
    --bs-modal-bg: var(--background-light);
}
.modal-content {
    color: var(--text-dark);
}

#pager-TOP .btn, #pager-BOTTOM .btn {
    color: var(--text-dark) !important;
}

.card {
    --bs-card-bg: var(--background-accent);
    --bs-body-color: var(--text-accent);
}

.dropdown-item {
    color: var(--text-dark) !important;
}
.dropdown-menu {
    background-color: var(--background-light);
    border: 1px solid var(--text-secondary);
}

.nav-emphasis {
    color: var(--primary) !important;
    font-weight: 700;

}