:root {
	--color-background-0: #ffffff;
	--color-background-1: #f5f5f5;

	--color-primary: #0f9fd4;
	--color-secondary: #ce9506;
	--color-error: #ff0000;
	--color-success: #28a745;

	--color-white: #ffffff;
	--color-black: #000000;
	--color-grey: #777777;
	--color-light-grey: #BBBBBB;

	--color-text-primary: rgba(0, 0, 0, 1);
	--color-text-disabled: rgba(0, 0, 0, 0.25);

	--font-size-default: 1rem;
	--font-size-small: 0.8rem;
	--font-size-h1: 4rem;
	--font-size-h2: 3rem;
	--font-size-h3: 2rem;
	--font-size-h4: 1.5rem;
	--font-size-h5: 1.25rem;
	--font-size-h6: 1rem;

	--padding-small: 6px;
	--padding-default: 12px;
	--padding-large: 20px;

	--border-radius-default: 15px;
	--border-radius-small: 10px;
}

@media (prefers-color-scheme: dark) {}