/* Main settings */

:root {
	--display-padding-top: 0px;
	--display-padding-bottom: 0px;

	--app-bgcolor1: #f5f5f5;
	/* #f5f5f5 (whitesmoke) */
	--app-bgcolor2: #c4c9d1;
	/* #c4c9d1 (whitesmoke + 20% blue) */
	--app-lightcolor2: #f6f6fa;
	/* #f6f6fa (246, 246, 250) */
	--app-lightcolor3: #fdfdfe;
	/* #fdfdfe (253, 253, 254) */
	--app-gray1: #d3e2ef;
	/* #d3e2ef (211, 226, 239) */
	--app-gray2: #bccbd8;
	/* #bccbd8 (188, 203, 216) */
	--app-darkcolor1: #34808b;
	/* #34808b (52, 128, 139) */
	--app-darkcolor2: #226d79;
	/* #226d79 (34, 109, 121) */
	--app-darkcolor3: #0b3e46;
	/* #0b3e46 (11, 62, 70) */
	--app-darkcolor4: #4a6a7f;
	/* #4a6a7f (74, 106, 127) */
	--app-darkcolor5: #34495e;
	/* #34495e (52, 73, 94) */
	--app-primarycolor: #f4a261;
	/* #f4a261 (244, 162, 97) */
	--app-secondarycolor: #e76f51;
	/* #e76f51 (231, 111, 81) */
	--app-hightlightcolor: #1e90ff;
	/* #1e90ff (30, 144, 255) (dodgerblue) */
	--app-warningcolor: #f44343;
	/* #f44343 (244, 67, 67) */
	--app-disabledcolor: #d3dde4;
	/* #d3dde4 (211, 221, 228) */
	--app-softcolor: #226d791a;
	/* #226d791a (34, 109, 121, .1) */
	--app-titlefont: "SanFrancisco";

	--app-body-light-bgtopcolor: var(--app-bgcolor1);
	--app-body-light-bgbottomcolor: var(--app-bgcolor2);
	--app-body-dark-bgtopcolor: var(--app-darkcolor2);
	--app-body-dark-bgbottomcolor: var(--app-darkcolor3);

	--app-access-background-bgtopcolor: var(--app-darkcolor2);
	--app-access-background-bgbottomcolor: var(--app-darkcolor3);

	--app-home-menubar-bordercolor: var(--app-darkcolor2);
	--app-home-menubar-bgtopcolor: var(--app-darkcolor1);
	--app-home-menubar-bgbottomcolor: var(--app-darkcolor1);
	--app-home-rightbar-bordercolor: var(--app-darkcolor2);
	--app-home-rightbar-bgtopcolor: var(--app-darkcolor1);
	--app-home-rightbar-bgbottomcolor: var(--app-darkcolor1);

	--max-modal-width: 380px;
	--max-modal-mobile-width: 430px;
	--max-list-width: 600px;
	--max-list-mobile-width: 430px;
}

:root {
	--app-home-background-bgtopcolor-light: #f5f5f5;
	--app-home-background-bgtopcolor-dark: #374151;
	--app-home-background-bgbottomcolor-light: #c4c9d1;
	--app-home-background-bgbottomcolor-dark: #2d3a47;
}

.wuiplugin-themes.system {
	--app-home-background-bgtopcolor: light-dark(var(--app-home-background-bgtopcolor-light), var(--app-home-background-bgtopcolor-dark));
	--app-home-background-bgbottomcolor: light-dark(var(--app-home-background-bgbottomcolor-light), var(--app-home-background-bgbottomcolor-dark));
}

.wuiplugin-themes.light {
	--app-home-background-bgtopcolor: var(--app-home-background-bgtopcolor-light);
	--app-home-background-bgbottomcolor: var(--app-home-background-bgbottomcolor-light);
}

.wuiplugin-themes.dark {
	--app-home-background-bgtopcolor: var(--app-home-background-bgtopcolor-dark);
	--app-home-background-bgbottomcolor: var(--app-home-background-bgbottomcolor-dark);
}