@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;
    
    /* Power Flow Animation Colors */
    --power-flow-line-base: #FFF4EF;
    --power-flow-gradient-start: #FFF4EF;
    --power-flow-gradient-end: #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;
    --color-off-white: #FFFFFF;
    --color-power-off-white: #FFFFFF;
    --color-soft-moss: #FFFFFF;
    --color-earth-ember: #FFFFFF;
    --color-cloud-white: #FFFFFF;
    --color-soft-grey: #F7F7F7;
    --color-concrete-grey: #E9E9E9;
    --color-cloud-grey: #746F6E;
    --color-charcoal-grey: #474961;
    --color-almost-black: #010101;
    --color-background-white: #FBFBFB;
    --color-earth-red: #460000;
    --color-blush-orange: #A8ADE6;
    --color-pink-orange: #A8ADE6;
    --color-soft-orange: #FFFFFF;
    --color-orange: #616CE1; 
    --color-fast-orange: #2A2E61; 
    --color-sky-blue: #0041B0;
    --color-soft-blue: #D2DCE5;
    --color-soft-blue-80: rgba(210, 220, 229, 0.8);
    --color-lavender-glow: #B77BDC;
    --color-lavender-mist: #E5D2EA;
    --color-lavender-mist-80: rgba(229, 210, 234, 0.8);
    --color-electric-rose: #CB429F;
    --color-radiant-rose: #D67AB1;
    --color-radiant-rose-80: rgba(214, 122, 177, 0.8);
    --color-ever-green: #00B55F;
    --color-mist-green: #C7EACC;
    --color-mist-green-80: rgba(199, 234, 204, 0.8);
    --color-solar-dust: #FFC52D;
    --color-solar-mist: #FFE8B3;
    --color-solar-mist-80: rgba(255, 232, 179, 0.8);
    --color-dynamic-red: #F32749;
    --color-dynamic-blush: #FFBBC3;
    --color-dynamic-blush-80: rgba(255, 187, 195, 0.8);
}

[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;
}