:root, html[data-theme='light'] {
	--color__brand: #1E88E5;
	--color__neutral: #6B7280;
	--color__neutral-light-5: #F9FAFB;
	--color__success: #15DF92;
	--color__warning: #F4B200;
	--color__danger: #F40042;
	--color__info: #4CA1EA;
	--color__accent: #e57b1e;
	--color__brand-dark-1: #156dba;
	--color__brand-dark-2: #10528b;
	--color__brand-dark-3: #0b375d;
	--color__brand-dark-4: #051b2e;
	--color__brand-light-5: #e9f3fc;
	--color__brand-light-1: #4ba0ea;
	--color__brand-light-2: #78b8ef;
	--color__brand-light-3: #a5cff5;
	--color__brand-light-4: #d2e7fa;
	--color__accent-dark-1: #ba6215;
	--color__accent-dark-2: #8b4a10;
	--color__accent-dark-3: #5d310b;
	--color__accent-dark-4: #2e1905;
	--color__accent-light-5: #fcf2e9;
	--color__accent-light-1: #ea954b;
	--color__accent-light-2: #efb078;
	--color__accent-light-3: #f5caa5;
	--color__accent-light-4: #fae5d2;
	--color__neutral-dark-1: #565b66;
	--color__neutral-dark-2: #40444d;
	--color__neutral-dark-3: #2b2e33;
	--color__neutral-dark-4: #15171a;
	--color__neutral-light-1: #878e9b;
	--color__neutral-light-2: #a5aab4;
	--color__neutral-light-3: #c3c6cd;
	--color__neutral-light-4: #e1e3e6;
	--spacing__3xsmall: 2px;
	--spacing__2xsmall: 4px;
	--spacing__xsmall: 8px;
	--spacing__small: 12px;
	--spacing__medium: 16px;
	--spacing__large: 24px;
	--spacing__xlarge: 32px;
	--spacing__2xlarge: 40px;
	--spacing__3xlarge: 48px;
	--spacing__4xlarge: 64px;
	--spacing__5xlarge: 80px;
	--spacing__6xlarge: 96px;
	--font-size__medium: 18px;
	--font-size__small: 14px;
	--font-size__xsmall: 11px;
	--font-size__2xsmall: 9px;
	--font-size__large: 23px;
	--font-size__xlarge: 29px;
	--font-size__2xlarge: 36px;
	--font-size__3xlarge: 45px;
	--font-size__4xlarge: 56px;
	--font-size__5xlarge: 70px;
	--border-radius__small: 4px;
	--border-radius__medium: 8px;
	--border-radius__large: 16px;
	--font-weight__xlight: 200;
	--font-weight__light: 300;
	--font-weight__normal: 400;
	--font-weight__semibold: 600;
	--font-weight__bold: 700;
	--parent-width: 100%;
	--parent-height: 100%;
	--screen-width: 100vw;
	--screen-height: 100vh;
}

html[data-theme='dark'] {
	--color__brand: #1E88E5;
	--color__neutral: #6B7280;
	--color__success: #15DF92;
	--color__warning: #F4B200;
	--color__danger: #F40042;
	--color__info: #4CA1EA;
	--color__accent: #e57b1e;
	--color__brand-dark-1: #156dba;
	--color__brand-dark-2: #10528b;
	--color__brand-dark-3: #0b375d;
	--color__brand-dark-4: #051b2e;
	--color__brand-light-5: #e9f3fc;
	--color__brand-light-1: #4ba0ea;
	--color__brand-light-2: #78b8ef;
	--color__brand-light-3: #a5cff5;
	--color__brand-light-4: #d2e7fa;
	--color__accent-dark-1: #ba6215;
	--color__accent-dark-2: #8b4a10;
	--color__accent-dark-3: #5d310b;
	--color__accent-dark-4: #2e1905;
	--color__accent-light-5: #fcf2e9;
	--color__accent-light-1: #ea954b;
	--color__accent-light-2: #efb078;
	--color__accent-light-3: #f5caa5;
	--color__accent-light-4: #fae5d2;
	--color__neutral-dark-1: #565b66;
	--color__neutral-dark-2: #40444d;
	--color__neutral-dark-3: #2b2e33;
	--color__neutral-dark-4: #15171a;
	--color__neutral-light-5: #f0f1f2;
	--color__neutral-light-1: #878e9b;
	--color__neutral-light-2: #a5aab4;
	--color__neutral-light-3: #c3c6cd;
	--color__neutral-light-4: #e1e3e6;
	--spacing__3xsmall: 2px;
	--spacing__2xsmall: 4px;
	--spacing__xsmall: 8px;
	--spacing__small: 12px;
	--spacing__medium: 16px;
	--spacing__large: 24px;
	--spacing__xlarge: 32px;
	--spacing__2xlarge: 40px;
	--spacing__3xlarge: 48px;
	--spacing__4xlarge: 64px;
	--spacing__5xlarge: 80px;
	--spacing__6xlarge: 96px;
	--font-size__medium: 18px;
	--font-size__small: 14px;
	--font-size__xsmall: 11px;
	--font-size__2xsmall: 9px;
	--font-size__large: 23px;
	--font-size__xlarge: 29px;
	--font-size__2xlarge: 36px;
	--font-size__3xlarge: 45px;
	--font-size__4xlarge: 56px;
	--font-size__5xlarge: 70px;
	--border-radius__small: 4px;
	--border-radius__medium: 8px;
	--border-radius__large: 16px;
	--font-weight__xlight: 200;
	--font-weight__light: 300;
	--font-weight__normal: 400;
	--font-weight__semibold: 600;
	--font-weight__bold: 700;
	--parent-width: 100%;
	--parent-height: 100%;
	--screen-width: 100vw;
	--screen-height: 100vh;
}

 body{
	margin: 0;
	font-size: var(--font-size__medium);
	font-weight: var(--font-weight__normal);
	color: var(--color__neutral-dark-4);
	line-height: 1.2;
} * {
	box-sizing: border-box;
}