:root,
:root[bit-theme="dark"],
:root[bit-theme="fluent-dark"] {
    color-scheme: dark;
    /*Primary*/
    --bit-clr-pri: #ab2b2b;
    --bit-clr-pri-hover: #a02929;
    --bit-clr-pri-active: #922626;
    --bit-clr-pri-dark: #7a2020;
    --bit-clr-pri-dark-hover: #731e1e;
    --bit-clr-pri-dark-active: #6c1c1c;
    --bit-clr-pri-light: #d88e8e;
    --bit-clr-pri-light-hover: #d07474;
    --bit-clr-pri-light-active: #c85a5a;
    --bit-clr-pri-text: #bfbfbf;
    /*Secondary*/
    --bit-clr-sec: #FF7D33;
    --bit-clr-sec-hover: #F27730;
    --bit-clr-sec-active: #E5712E;
    --bit-clr-sec-dark: #DB621D;
    --bit-clr-sec-dark-hover: #D05D1C;
    --bit-clr-sec-dark-active: #C5581A;
    --bit-clr-sec-light: #FFBE99;
    --bit-clr-sec-light-hover: #FFB185;
    --bit-clr-sec-light-active: #FFA470;
    --bit-clr-sec-text: #FFFFFF;
    /*Tertiary*/
    --bit-clr-ter: #434343;
    --bit-clr-ter-hover: #3C3C3C;
    --bit-clr-ter-active: #363636;
    --bit-clr-ter-dark: #2E2E2E;
    --bit-clr-ter-dark-hover: #292929;
    --bit-clr-ter-dark-active: #252525;
    --bit-clr-ter-light: #A1A1A1;
    --bit-clr-ter-light-hover: #8E8E8E;
    --bit-clr-ter-light-active: #7B7B7B;
    --bit-clr-ter-text: #FFFFFF;
    /*Info*/
    --bit-clr-inf: #888F95;
    --bit-clr-inf-hover: #81888E;
    --bit-clr-inf-active: #7A8186;
    --bit-clr-inf-dark: #5E656B;
    --bit-clr-inf-dark-hover: #596066;
    --bit-clr-inf-dark-active: #555B60;
    --bit-clr-inf-light: #C3C7CA;
    --bit-clr-inf-light-hover: #B8BCBF;
    --bit-clr-inf-light-active: #ACB1B5;
    --bit-clr-inf-text: #FFFFFF;
    /*Success*/
    --bit-clr-suc: #49A94C;
    --bit-clr-suc-hover: #45A148;
    --bit-clr-suc-active: #429844;
    --bit-clr-suc-dark: #318734;
    --bit-clr-suc-dark-hover: #2F8031;
    --bit-clr-suc-dark-active: #2C792F;
    --bit-clr-suc-light: #A4D4A5;
    --bit-clr-suc-light-hover: #92CB94;
    --bit-clr-suc-light-active: #80C382;
    --bit-clr-suc-text: #FFFFFF;
    /*Warning*/
    --bit-clr-wrn: #F2B01F;
    --bit-clr-wrn-hover: #E6A71D;
    --bit-clr-wrn-active: #DA9E1C;
    --bit-clr-wrn-dark: #D4950D;
    --bit-clr-wrn-dark-hover: #C98E0C;
    --bit-clr-wrn-dark-active: #BF860C;
    --bit-clr-wrn-light: #F9D78F;
    --bit-clr-wrn-light-hover: #F7D079;
    --bit-clr-wrn-light-active: #F6C862;
    --bit-clr-wrn-text: #FFFFFF;
    /*Severe-warning*/
    --bit-clr-swr: #D47E30;
    --bit-clr-swr-hover: #C9782E;
    --bit-clr-swr-active: #BF712B;
    --bit-clr-swr-dark: #B2641D;
    --bit-clr-swr-dark-hover: #A95F1C;
    --bit-clr-swr-dark-active: #A05A1A;
    --bit-clr-swr-light: #DF9E64;
    --bit-clr-swr-light-hover: #DD9859;
    --bit-clr-swr-light-active: #DA914F;
    --bit-clr-swr-text: #FFFFFF;
    /*Error*/
    --bit-clr-err: #DF3A2E;
    --bit-clr-err-hover: #D4372C;
    --bit-clr-err-active: #C93429;
    --bit-clr-err-dark: #BF261B;
    --bit-clr-err-dark-hover: #B5241A;
    --bit-clr-err-dark-active: #AC2218;
    --bit-clr-err-light: #E76B62;
    --bit-clr-err-light-hover: #E56158;
    --bit-clr-err-light-active: #E4584D;
    --bit-clr-err-text: #FFFFFF;
    /*Foreground*/
    --bit-clr-fg-pri: #1A1A1A;
    --bit-clr-fg-pri-hover: #111111;
    --bit-clr-fg-pri-active: #070707;
    --bit-clr-fg-pri-dark: #141414;
    --bit-clr-fg-pri-dark-hover: #0D0D0D;
    --bit-clr-fg-pri-dark-active: #000000;
    --bit-clr-fg-pri-light: #262626;
    --bit-clr-fg-pri-light-hover: #191919;
    --bit-clr-fg-pri-light-active: #111111;
    --bit-clr-fg-sec: #5A5A5A;
    --bit-clr-fg-sec-hover: #444444;
    --bit-clr-fg-sec-active: #333333;
    --bit-clr-fg-sec-dark: #4D4D4D;
    --bit-clr-fg-sec-dark-hover: #3B3B3B;
    --bit-clr-fg-sec-dark-active: #262626;
    --bit-clr-fg-sec-light: #484848;
    --bit-clr-fg-sec-light-hover: #515151;
    --bit-clr-fg-sec-light-active: #414141;
    --bit-clr-fg-ter: #999999;
    --bit-clr-fg-ter-hover: #666666;
    --bit-clr-fg-ter-active: #4D4D4D;
    --bit-clr-fg-ter-dark: #8E8E8E;
    --bit-clr-fg-ter-dark-hover: #5B5B5B;
    --bit-clr-fg-ter-dark-active: #3B3B3B;
    --bit-clr-fg-ter-light: #A7A7A7;
    --bit-clr-fg-ter-light-hover: #747474;
    --bit-clr-fg-ter-light-active: #5A5A5A;
    --bit-clr-fg-dis: #AAAAAA;
    /*Backgrounds*/
    --bit-clr-bg-pri: #212121;
    --bit-clr-bg-pri-hover: #292929;
    --bit-clr-bg-pri-active: #303030;
    --bit-clr-bg-pri-dark: #181818;
    --bit-clr-bg-pri-dark-hover: #141414;
    --bit-clr-bg-pri-dark-active: #101010;
    --bit-clr-bg-pri-light: #383838;
    --bit-clr-bg-pri-light-hover: #434343;
    --bit-clr-bg-pri-light-active: #4d4d4d;
    --bit-clr-bg-sec: #2c2c2c;
    --bit-clr-bg-sec-hover: #353535;
    --bit-clr-bg-sec-active: #404040;
    --bit-clr-bg-sec-dark: #232323;
    --bit-clr-bg-sec-dark-hover: #1e1e1e;
    --bit-clr-bg-sec-dark-active: #191919;
    --bit-clr-bg-sec-light: #383838;
    --bit-clr-bg-sec-light-hover: #434343;
    --bit-clr-bg-sec-light-active: #4d4d4d;
    --bit-clr-bg-ter: #383838;
    --bit-clr-bg-ter-hover: #434343;
    --bit-clr-bg-ter-active: #4d4d4d;
    --bit-clr-bg-ter-dark: #545454;
    --bit-clr-bg-ter-dark-hover: #606060;
    --bit-clr-bg-ter-dark-active: #6c6c6c;
    --bit-clr-bg-ter-light: #404040;
    --bit-clr-bg-ter-light-hover: #494949;
    --bit-clr-bg-ter-light-active: #545454;
    --bit-clr-bg-dis: #242424;
    --bit-clr-bg-overlay: rgba(0, 0, 0, 0.4);
    /*Borders*/
    --bit-clr-brd-pri: #777777;
    --bit-clr-brd-pri-hover: #5E5E5E;
    --bit-clr-brd-pri-active: #454545;
    --bit-clr-brd-pri-dark: #646464;
    --bit-clr-brd-pri-dark-hover: #4B4B4B;
    --bit-clr-brd-pri-dark-active: #343434;
    --bit-clr-brd-pri-light: #898989;
    --bit-clr-brd-pri-light-hover: #6C6B6B;
    --bit-clr-brd-pri-light-active: #535353;
    --bit-clr-brd-sec: #B0AFAE;
    --bit-clr-brd-sec-hover: #7D7C7C;
    --bit-clr-brd-sec-active: #636362;
    --bit-clr-brd-sec-dark: #A3A3A3;
    --bit-clr-brd-sec-dark-hover: #6B6B6B;
    --bit-clr-brd-sec-dark-active: #515151;
    --bit-clr-brd-sec-light: #BFBFBF;
    --bit-clr-brd-sec-light-hover: #8A8A8A;
    --bit-clr-brd-sec-light-active: #727272;
    --bit-clr-brd-ter: #DEDDDC;
    --bit-clr-brd-ter-hover: #CBCBCB;
    --bit-clr-brd-ter-active: #B0B0B0;
    --bit-clr-brd-ter-dark: #CFCFCF;
    --bit-clr-brd-ter-dark-hover: #B7B7B7;
    --bit-clr-brd-ter-dark-active: #9F9F9F;
    --bit-clr-brd-ter-light: #E9E9E9;
    --bit-clr-brd-ter-light-hover: #D7D7D7;
    --bit-clr-brd-ter-light-active: #C1C1C1;
    --bit-clr-brd-dis: #E5E3DF;
    /*Required*/
    --bit-clr-req: #A4262C;

    --tile-width: 250px;
}