:root {
	--color-blue-dark: #000C2E;
	--color-neon: #D7E626;
	--color-cyan: #089ed3;
	--color-white: #FFFFFF;

	--color-window: var(--color-blue-dark);
	--color-window-text: var(--color-white);

	--color-accent: var(--color-neon);
	--color-accent-text: var(--color-blue-dark);

	--color-accent2: var(--color-cyan);

	/* for pform */
	--color-window-popup: var(--color-window);
	--color-control: var(--color-window);
	--color-control-border: var(--color-white);

	/* for iform */
	--iform-mask-color: var(--color-window);
	--iform-mask-opacity: 0.8;
	--iform-mask-zindex: 100;
    /*--height-header: 60px;*/

    /*--color-0: #001024;*/
    /*--color-1: #efedea;*/
    /*--color-2: #38ad14;*/
    /*--color-3: white;*/
    /*--color-4: black;*/

    /*--color-5: #e6e8ea;*/
    /*--color-5b: #688091;*/


    /*--color-control:            var(--color-0);*/
    /*--color-control-text:       var(--color-3);*/
    /*--color-accent:             var(--color-2);*/

    /*--color-window:             var(--color-3);*/
    /*--color-window-text:        var(--color-4);*/

    /*--color-panel:              var(--color-5);*/
    /*--color-panel-text:         var(--color-4);*/
    /*--color-panel-hover:        var(--color-5b);*/
}