:root {
	/* Theme colors are the base color, only used in the login screen */
	--theme-color: #fff;
	--theme-text-color: #333;

	/* 
        1 "design px" = 1 pixel in the design, which is in 1080p 
        if the design is in 4k, this should be 2 etc

        This makes it easier to scale the design to different resolutions and conform to the design
        for items that use the variable we just have to do:

        width: calc(1 * var(--dpx)); (or --scale-x or --scale-y, depending on the context)
    */
	--scale-x: calc(100vw / 1920);
	--scale-y: calc(100vh / 1080);

	--dpx: calc((var(--scale-x) + var(--scale-y)) / 2);
	--full-rounded: calc(1000 * var(--dpx));
}