@import url('register-fonts.css');

:root {
    /*light theme*/
    --bg: #f7f7f7;
    --bg-container: white;
    --item-fill: lightgrey;
    --primary-color: #616de1;
    --secondary-color: #e0b577;
    --bolt-color: black;
    --header-text-color: #fff;
    --primary-text: rgb(13, 31, 46);
    --secondary-text: rgba(13, 31, 46, 0.7);
    --light-text: rgba(13, 31, 46, 0.5);
    --only-dark-text: rgb(13, 31, 46);
    --active: rgba(0,0,0,0.15);
    --hover: rgba(0,0,0,0.05);
    --custom-bg: 255,255,255;
    --custom-color: 0,0,0;
    --link: #0d6efd;
    --bbt: #0d1f2e;
    --bbt-dark: 234,85,90;
    --bbt-dark-hex: #616de1;
    --bbt-dark2: 255,255,255;
    --bbt-dark-orange: 234,85,90;
    --bbt-light-orange: 236,156,151;
    --bbt-light: 236,156,151;
    --bbt-light-hex: #e0b577;
    --bbt-light2: 236,156,151;
    --bbt-dark-light: 234,85,90;
    --sidebar-bg: 255,255,255;
    --border-bottom-top-bar: #e1e1e1;
    --button-color: #616de1;
    --primary-font-family: 'Primary-Regular-Opensans' !important;
    --gradient-main: linear-gradient(90deg, #e0b577 35%, #616de1 100%);
    --gradient-reverse: linear-gradient(90deg, #616de1 65%, #e0b577 100%);
    --logo-width: 150px;
    --logo-width-welcome: 100px;
    --gridname-color: black;
    --logo-height-login-button: 40px;
    --logo-width-login-button: 50px;
    --logo-left-margin: 20px;
    --logo-margin-login-button: -10px;
}

[data-bs-theme="dark"] {
    --bg: #1e1e1e;
    --bg-container: #2d2d30;
    --item-fill: #3e3e42;
    --primary-color: #e0b577;
    --secondary-color: #616de1;
    --header-text-color: #000;
    --bolt-color: #ea555a;
    --primary-text: white;
    --secondary-text: rgba(255,255,255,0.7);
    --light-text: rgba(255, 255, 255, 0.5);
    --active: rgba(255,255,255,0.15);
    --hover: rgba(255,255,255,0.05);
    --custom-bg: 0,0,0;
    --custom-color: 255,255,255;
    --link: #409ce2;
    --bbt: #ffffff;
    --bbt-dark: 30,30,30;
    --bbt-dark2: 234,85,90;
    --bbt-light: 45,45,48;
    --bbt-dark-light: 236,156,151;
    --sidebar-bg: 45,45,48;
    --border-bottom-top-bar: #1e1e1e;
    --primary-font-family: 'Primary-Regular-Opensans' !important;
    --button-color: #e0b577;
    --bolt-color: white;
    --gradient-main: linear-gradient(90deg, #e0b577 35%, #e0b577 100%);
    --gradient-reverse: linear-gradient(90deg, #e0b577 65%, #e0b577 100%);
    --logo-width: 150px;
    --logo-width-welcome: 100px;
    --gridname-color: black;
    --logo-height-login-button: 40px;
    --logo-width-login-button: 50px;
    --logo-left-margin: 20px;
    --logo-margin-login-button: -10px;
}