:root {
    /* Header */
    --header-bg: rgb(44, 62, 80);
    --header-text: rgb(255, 255, 255);
    --header-subtext: rgb(208, 208, 208);
	--header-subtext1: rgb(100, 200, 200);

    /* Left */
    --left-bg: rgb(236, 240, 241);
    --left-border: rgb(189, 195, 199);  
	
	--left-extra-bg: rgb(236, 240, 241);
	--left-extra-field-bg: rgb(236, 240, 241); 
	
	--left-log-main-bg: rgb(44, 62, 80);
	--left-log-main-text: rgb(255, 200, 200);
	
	/* Trigger Live Sensor */
	--trigger-live-bg: rgb(44, 62, 80);
	--trigger-live-bg-hoover: rgb(100, 200, 200);
	--trigger-live-newdata: rgb(80, 240, 120); /* dezentes Grün */
	--trigger-live-newdata-timeout: rgb(200, 120, 120); /* dezentes Rot */
	--trigger-live-color: rgb(236, 240, 241);
	--trigger-live-sidepanel-bg: rgb(44, 62, 80);

    /* Hauptbereich */
    --main-bg: rgb(255, 255, 255);
	
	--main-subtext-demo: rgb(100, 208, 208);

    /* RightBar */
    --rightbar-bg: rgb(236, 240, 241);
    --rightbar-border: rgb(189, 195, 199);
	--rightbar-live_status: rgb(44, 62, 80);
	
	/* Sections */
	--sections-text: rgb(255,255,255);
	
	--sections-header: rgb(52, 100, 200);
	--sections-header-border: rgb(0, 100, 200);

    /* Buttons */
    --button-bg: rgb(52, 152, 219);
    --button-bg-hover: rgb(100, 200, 200);
    --button-text: rgb(255, 255, 255);
}