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

:root {
    /*light theme*/
    --bg: #f7f7f7;
    --bg-container: white;
    --item-fill: lightgrey;
    --primary-color: #03463F;
    --secondary-color: #D9FF9C;
    --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: #03463F;
    --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: #D9FF9C;
    --bbt-light2: 236,156,151;
    --bbt-dark-light: 234,85,90;
    --sidebar-bg: 255,255,255;
    --border-bottom-top-bar: #e1e1e1;
    --button-color: #03463F;
    --primary-font-family: 'Primary-Regular-Jakarta' !important;
    --primary-font-family-bold: 'Primary-Bold-Jakarta' !important;
    --secondary-font-family: 'Secondary-Regular-Jakarta' !important;
    --secondary-font-family-bold: 'Secondary-Bold-Jakarta' !important;
    --gradient-main: linear-gradient(90deg, #D9FF9C 35%, #03463F 100%);
    --gradient-reverse: linear-gradient(90deg, #03463F 65%, #D9FF9C 100%);
    --logo-width: 180px;
    --logo-width-welcome: 50px;
    --gridname-color: black;
    --logo-height-login-button: 30px;
    --logo-width-login-button: 30px;
    --logo-left-margin: 0px;
    --logo-margin-login-button: -5px;
}

[data-bs-theme="dark"] {
    --bg: #1e1e1e;
    --bg-container: #2d2d30;
    --item-fill: #3e3e42;
    --primary-color: #D9FF9C;
    --secondary-color: #03463F;
    --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;
    --button-color: #D9FF9C;
    --bolt-color: white;
    --gradient-main: linear-gradient(90deg, #D9FF9C 35%, #D9FF9C 100%);
    --gradient-reverse: linear-gradient(90deg, #D9FF9C 65%, #D9FF9C 100%);
    --logo-width: 180px;
    --logo-width-welcome: 50px;
    --gridname-color: black;
    --logo-height-login-button: 30px;
    --logo-width-login-button: 30px;
    --logo-left-margin: 0px;
    --logo-margin-login-button: -5px;
}