body[data-theme="light"] {
	--text-50: #eff2f5;
	--text-100: #dfe6ec;
	--text-200: #bfccd9;
	--text-300: #9fb2c6;
	--text-400: #8099b3;
	--text-500: #607f9f;
	--text-600: #4d6680;
	--text-700: #394c60;
	--text-800: #263340;
	--text-900: #131920;
	--text-950: #0a0d10;

	--background-50: #f3eff5;
	--background-100: #e6e0eb;
	--background-200: #cec0d8;
	--background-300: #b5a1c4;
	--background-400: #9c82b0;
	--background-500: #83629d;
	--background-600: #694f7d;
	--background-700: #4f3b5e;
	--background-800: #35273f;
	--background-900: #1a141f;
	--background-950: #0d0a10;

	--primary-50: #f1f1f4;
	--primary-100: #e3e3e8;
	--primary-200: #c6c6d2;
	--primary-300: #aaaabb;
	--primary-400: #8e8ea4;
	--primary-500: #71718e;
	--primary-600: #5b5b71;
	--primary-700: #444455;
	--primary-800: #2d2d39;
	--primary-900: #17171c;
	--primary-950: #0b0b0e;

	--secondary-50: #f1f1f4;
	--secondary-100: #e3e3e8;
	--secondary-200: #c7c6d2;
	--secondary-300: #abaabb;
	--secondary-400: #908ea4;
	--secondary-500: #74718e;
	--secondary-600: #5d5b71;
	--secondary-700: #454455;
	--secondary-800: #2e2d39;
	--secondary-900: #17171c;
	--secondary-950: #0c0b0e;

	--accent-50: #f5ebfa;
	--accent-100: #ead7f4;
	--accent-200: #d6aeea;
	--accent-300: #c186df;
	--accent-400: #ad5ed4;
	--accent-500: #9836c9;
	--accent-600: #7a2ba1;
	--accent-700: #5b2079;
	--accent-800: #3d1551;
	--accent-900: #1e0b28;
	--accent-950: #0f0514;
}
body[data-theme="dark"] {
	--text-50: #0a0d10;
	--text-100: #131920;
	--text-200: #263340;
	--text-300: #394c60;
	--text-400: #4d6680;
	--text-500: #607f9f;
	--text-600: #8099b3;
	--text-700: #9fb2c6;
	--text-800: #bfccd9;
	--text-900: #dfe6ec;
	--text-950: #eff2f5;

	--background-50: #0d0a10;
	--background-100: #1a141f;
	--background-200: #35273f;
	--background-300: #4f3b5e;
	--background-400: #694f7d;
	--background-500: #83629d;
	--background-600: #9c82b0;
	--background-700: #b5a1c4;
	--background-800: #cec0d8;
	--background-900: #e6e0eb;
	--background-950: #f3eff5;

	--primary-50: #0b0b0e;
	--primary-100: #17171c;
	--primary-200: #2d2d39;
	--primary-300: #444455;
	--primary-400: #5b5b71;
	--primary-500: #71718e;
	--primary-600: #8e8ea4;
	--primary-700: #aaaabb;
	--primary-800: #c6c6d2;
	--primary-900: #e3e3e8;
	--primary-950: #f1f1f4;

	--secondary-50: #0c0b0e;
	--secondary-100: #17171c;
	--secondary-200: #2e2d39;
	--secondary-300: #454455;
	--secondary-400: #5d5b71;
	--secondary-500: #74718e;
	--secondary-600: #908ea4;
	--secondary-700: #abaabb;
	--secondary-800: #c7c6d2;
	--secondary-900: #e3e3e8;
	--secondary-950: #f1f1f4;

	--accent-50: #0f0514;
	--accent-100: #1e0b28;
	--accent-200: #3d1551;
	--accent-300: #5b2079;
	--accent-400: #7a2ba1;
	--accent-500: #9836c9;
	--accent-600: #ad5ed4;
	--accent-700: #c186df;
	--accent-800: #d6aeea;
	--accent-900: #ead7f4;
	--accent-950: #f5ebfa;
}

html,
body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	background: var(--background-200);
	color: var(--text-900);
}

h1 {
	text-align: center;
	margin-top: 20%;
}