:root {
    --red: #D70000;
    --sl-red: #FBE6E6; /* INFO: white 90 alpha; */
    --l-red: #EB8080; /* INFO: white 50 alpha; */
    --d-red: #AC0000; /* INFO: black 20 alpha; */

    --blue: #1098EB;
    --sl-blue: #E8F5FD; /* INFO: white 90 alpha; */
    --l-blue: #88CCF5; /* INFO: white 50 alpha; */
    --d-blue: #0D7ABC; /* INFO: black 20 alpha; */

    --green: #1CC664;
    --sl-green: #E9F9F0; /* INFO: white 90 alpha; */
    --l-green: #8EE3B2; /* INFO: white 50 alpha; */
    --d-green: #169E50; /* INFO: black 20 alpha; */

    --yellow: #FFFEE4;

    --white: #FFF;
    --black: #000;

    --dgray: #333; /* TODO: REMOVE*/
    --lgray: #EEE; /* TODO: REMOVE*/

    --d-gray: #333;
    --l-gray: #EEE;

    --text: #2B2B2B;
    --color-text: #EEE; /* TODO: REMOVE*/
    --l-text: #F7F7F7;
    --d-text: #000;

    --lborder: #AAA; /* TODO: REMOVE*/
    --dborder: #555; /* TODO: REMOVE*/

    --border: #CCC;
    --l-border: #AAA;
    --d-border: #555;
}