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

:root {
    /*light theme*/
    --primary-text: rgb(13, 31, 46);
    --secondary-text: rgba(13, 31, 46, 0.7);
    --text-muted: #797979;
    --text-inactive: #746F6E;
    --border-default: #E9E9E9;
    --surface-input: #FFFEFE;
    --border-focus: #0041B0;
    --active-text: #95F075;
    --text-label: #464646;
    --stroke-neutral: #E9E9E9;
    --indicator-default: #E9E9E9;
    --indicator-active: #746F6E;
    --bg: #f7f7f7;
    --bg-container: white;
    --item-fill: lightgrey;
    --primary-color: #2D3B29;
    --secondary-color: #95F075;
    --bolt-color: black;
    --header-text-color: #fff;
    --text-almost-black: #010101;
    --secondary-text: var(--text-almost-black);
    --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: var(--primary-color);
    --bbt-dark-hex: var(--primary-color);
    --bbt-dark2: 255,255,255;
    --bbt-dark-orange: var(--primary-color);
    --bbt-light-orange: 236,156,151;
    --bbt-light: 236,156,151;
    --bbt-light-hex: var(--secondary-color);
    --bbt-light2: 236,156,151;
    --bbt-dark-light: 234,85,90;
    --sidebar-bg: 255,255,255;
    --border-bottom-top-bar: #e1e1e1;
    --button-color: #2D3B29;
    --primary-font-family: 'Primary-Regular-Sora' !important;
    --primary-font-family-bold: 'Primary-Bold-Sora' !important;
    --secondary-font-family: 'Primary-Regular-Sora' !important;
    --secondary-font-family-bold: 'Primary-Bold-Sora' !important;
    --h2-font-family: 'Primary-Regular-Sora';
    --h2-font-size: 37px;
    --h2-font-weight: 900;
    --h2-line-height: 120%;
    --h2-font-style: normal;
    --h5-font-family: 'Primary-Regular-Sora';
    --h5-font-size: 18px;
    --h5-font-weight: 900;
    --h5-line-height: 120%;
    --h5-font-style: normal;
    --button-color: var(--primary-color);
    --bolt-color: black;
    --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;
    --logo-db-height: 70px;
    --logo-db-width: 70px;
    /* Icon Colors */
    --icon-color: var(--primary-color);
    --icon-bg-color: #95F075;
    --top-logo-maxwidth: 100px;
    /*razden overwrite*/
    --rz-danger: var(--primary-color) !important;
    --rz-danger-light: var(--secondary-color) !important;
    --rz-secondary-light: var(--secondary-color) !important;
    --rz-secondary: var(--secondary-color) !important;
    /* Power Flow Animation Colors */
    --power-flow-line-base: #FFF4EF;
    --power-flow-gradient-start: #FFF4EF;
    --power-flow-gradient-end: var(--primary-color);
}

[data-bs-theme="dark"] {
    --bg: #1e1e1e;
    --bg-container: #2d2d30;
    --item-fill: #3e3e42;
    --primary-color: #95F075;
    --secondary-color: #2D3B29;
    --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-Sora' !important;
    --button-color: #95F075;
    --bolt-color: white;
    --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;
}