*, *::before, *::after {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;

	--color-page-background: #1a1a27;
	--color-panel-background: #1e1e2c;
	--color-toolbar-background: #2c2c3b;
	--color-prompts-background: #4b4b5c;
	--color-toolbar-background-light: #595970;	
	--color-panel-item-name-background: #39394d;
	--color-panel-item-background: #55556b;
	--color-accent: #fc6b68;
	--color-text: #dbdbdf;
	--color-text-bright: #ffffff;
	--color-text-disabled: #7c7c85;

	--corner-radius: 0.75rem;
	--padding: 0.4rem;
}