:root {
	--color-scheme: dark;

	/* color */
	--color-pink: #E51762;
	--color-blue-light: #C3CCEF;
	--color-blue: #24197C;
	--color-white: #F8F8F8;
	--color-violet: #AA4ABC;

	/* background */
	--background-white: #141414;
	--background-gray: #222;
	--background-blue: #333334;
	--background-white-gray: #333334;
	--background-light-blue: rgba(81 120 245 / 70%);
	--background-light-blue2: #222;
	--background-light-blue3: rgba(248, 248, 248, 0.40);
	--background-button: #333334;
	--background-icon-gray: #F8F8F8;
	--background-light-gray: #333334;
	--background-light-only-dark: #333334;

	/* text color*/
	--text-color: #F8F8F8;
	--text-color-blue: #5178F5;
	--text-color-dark: #24197C;
	--text-color-dark-light: #C3CCEF;
	--text-color-light: #222;
	--text-color-pink-blue: #5178F5;
	--text-color-white-blue: #5178F5;
	--text-color-gray: rgba(241, 241, 241, 0.80);
	--text-color-inner: #D1D1D1;
	--text-color-blue-white: #F8F8F8;

	--link-color: #5178F5;
	--link-color-dark: #5178F5;
	--link-color-dark-white: #F8F8F8;
	--button-color: #24197C;

	/* border */
	--border-gray-color: #363738;
	--border-blue: rgba(97 135 255 / 50%);
	--border-blue-only-dark: 1px solid #5178F5;
	--border-gray-blue: #5178F5;
	--border-gray-white-color: #f8f8f82b;

	/* header */
	--header-shadow: none;
	--header-bottom-border: 1px solid #363738;
	--header-bottom-bg: #222;

	/* gradient */
	--linear-gradient-blue: #222;
	--linear-gradient-light-blue: #222;
	--linear-gradient-blue2: #222;
	--linear-gradient-blue3: linear-gradient(232deg, #8BE2E2 -3.75%, #6495E5 110.33%);
	--linear-gradient-blue4: linear-gradient(81deg, #5176EB 0.18%, #2E3A96 100%);
	--linear-gradient-app: linear-gradient(232deg, #8BE2E2 -3.75%, #6495E5 110.33%);

	/* gradient img */
	--gradient-img-footer: none;
	--gradient-img-footer-mob:none;

	--gradient-img-direction: none;
	--gradient-img-direction-mob: none;

	/* opacity */
	--opacity-07-08: 0.8;
	--opacity-05-08: 0.8;
	--opacity-light: 1;

	/* cookie */
	--cookie-shadow: 0 4px 25px -10px rgba(195 204 239 / 42%);
}