@import "../styles/controls.css";
@import "../styles/misc.css";

:root {
    /* body */
    --body-background-color: #202020;
    --body-color: #ffffff;
    /* misc */
    --highlight-low-color: #a6a6a6;
    --highlight-fail-color: #ff99a4;
    --highlight-pending-color: #fce100;
    --highlight-success-color: #3cb371;
    /* control */
    --control-background-color: #2d2d2d;
    --control-border-color: #303030;
    --control-color: #ffffff;
    /* control-disabled */
    --control-disabled-background-color: #2a2a2a;
    --control-disabled-color: #787878;
    /* control-hover */
    --control-hover-background-color: #323232;
    /* submit */
    --submit-background-color: #4cc2ff;
    --submit-border-color: #42a7dc;
    --submit-color: #000000;
    /* submit-disabled */
    --submit-disabled-background-color: #434343;
    --submit-disabled-color: #a7a7a7;
    /* submit-hover */
    --submit-hover-background-color: #47b1e8;
    --submit-hover-border-color: #3d99c8;
    /* textbox */
    --textbox-border-bottom-color: #9a9a9a;
    /* textbox-focus */
    --textbox-focus-background-color: #1f1f1f;
    --textbox-focus-border-bottom-color: #4cc2ff;
    /* container */
    --container-background-color: #2b2b2b;
    --container-border-color: #1d1d1d;
    --container-color: #ffffff;
    /* container-misc */
    --container-highlight-low-color: #aaaaaa;
    /* container-control */
    --container-control-background-color: #373737;
    --container-control-border-color: #3a3a3a;
    --container-control-color: #ffffff;
    /* container-control-disabled */
    --container-control-disabled-background-color: #343434;
    --container-control-disabled-color: #7e7e7e;
    /* container-control-hover */
    --container-control-hover-background-color: #3c3c3c;
    /* container-submit */
    --container-submit-background-color: #4cc2ff;
    --container-submit-border-color: #42a7dc;
    --container-submit-color: #000000;
    /* container-submit-disabled */
    --container-submit-disabled-background-color: #4c4c4c;
    --container-submit-disabled-color: #ababab;
    /* container-submit-hover */
    --container-submit-hover-background-color: #48b2e9;
    --container-submit-hover-border-color: #3e9ac9;
    /* container-textbox */
    --container-textbox-border-bottom-color: #9f9f9f;
    /* container-textbox-focus */
    --container-textbox-focus-background-color: #222222;
    --container-textbox-focus-border-bottom-color: #4cc2ff;
    /* container-hover */
    --container-hover-background-color: #323232;
    /* container-hover-control */
    --container-hover-control-background-color: #3e3e3e;
    --container-hover-control-border-color: #404040;
    /* container-hover-control-disabled */
    --container-hover-control-disabled-background-color: #3b3b3b;
    --container-hover-control-disabled-color: #828282;
    /* container-hover-control-hover */
    --container-hover-control-hover-background-color: #434343;
    /* container-hover-submit-disabled */
    --container-hover-submit-disabled-background-color: #525252;
    --container-hover-submit-disabled-color: #aeaeae;
    /* container-hover-submit-hover */
    --container-hover-submit-hover-background-color: #49b3ea;
    --container-hover-submit-hover-border-color: #3f9bca;
    /* container-hover-textbox */
    --container-hover-textbox-border-bottom-color: #a2a2a2;
    /* container-hover-textbox-focus */
    --container-hover-textbox-focus-background-color: #242424;
    /* container-selected */
    --container-selected-background-color: #363636;
    /* error */
    --error-background-color: #442726;
    --error-color: #ffffff;
    /* error-control */
    --error-control-background-color: #4f3433;
    --error-control-color: #ffffff;
    /* error-control-hover */
    --error-control-hover-background-color: #543938;
    /* error-icon */
    --error-icon-fill: #ff99a4;
    /* information */
    --information-background-color: #272727;
    --information-color: #ffffff;
    /* information-control */
    --information-control-background-color: #343434;
    --information-control-color: #ffffff;
    /* information-control-hover */
    --information-control-hover-background-color: #393939;
    /* information-icon */
    --information-icon-fill: #4cc2ff;
    /* warning */
    --warning-background-color: #433519;
    --warning-color: #ffffff;
    /* warning-control */
    --warning-control-background-color: #4e4127;
    --warning-control-color: #ffffff;
    /* warning-control-hover */
    --warning-control-hover-background-color: #52462c;
    /* warning-icon */
    --warning-icon-fill: #fce100;
}