:root {
	--color-primary-50: 0 0 0;
	--color-primary-100: 0 0 0;
	--color-primary-200: 0 0 0;
	--color-primary-300: 0 0 0;
	--color-primary-400: 2 2 2;
	--color-primary-500: 28 28 28;
	--color-primary-600: 53 53 53;
	--color-primary-700: 79 79 79;
	--color-primary-800: 104 104 104;
	--color-primary-900: 130 130 130;
	--color-secondary-50: 0 0 0;
	--color-secondary-100: 0 0 0;
	--color-secondary-200: 0 0 0;
	--color-secondary-300: 0 0 0;
	--color-secondary-400: 26 26 26;
	--color-secondary-500: 51 51 51;
	--color-secondary-600: 77 77 77;
	--color-secondary-700: 102 102 102;
	--color-secondary-800: 128 128 128;
	--color-secondary-900: 153 153 153;
	--color-accent-50: 125 125 125;
	--color-accent-100: 138 138 138;
	--color-accent-200: 163 163 163;
	--color-accent-300: 189 189 189;
	--color-accent-400: 214 214 214;
	--color-accent-500: 240 240 240;
	--color-accent-600: 255 255 255;
	--color-accent-700: 255 255 255;
	--color-accent-800: 255 255 255;
	--color-accent-900: 255 255 255;
	--color-background-50: 135 135 135;
	--color-background-100: 148 148 148;
	--color-background-200: 173 173 173;
	--color-background-300: 199 199 199;
	--color-background-400: 224 224 224;
	--color-background-500: 250 250 250;
	--color-background-600: 255 255 255;
	--color-background-700: 255 255 255;
	--color-background-800: 255 255 255;
	--color-background-900: 255 255 255;
	--color-surface-50: 140 140 140;
	--color-surface-100: 153 153 153;
	--color-surface-200: 179 179 179;
	--color-surface-300: 204 204 204;
	--color-surface-400: 230 230 230;
	--color-surface-500: 255 255 255;
	--color-surface-600: 255 255 255;
	--color-surface-700: 255 255 255;
	--color-surface-800: 255 255 255;
	--color-surface-900: 255 255 255;
	--color-neutral-50: 125 125 125;
	--color-neutral-100: 138 138 138;
	--color-neutral-200: 163 163 163;
	--color-neutral-300: 189 189 189;
	--color-neutral-400: 214 214 214;
	--color-neutral-500: 240 240 240;
	--color-neutral-600: 255 255 255;
	--color-neutral-700: 255 255 255;
	--color-neutral-800: 255 255 255;
	--color-neutral-900: 255 255 255;
	--color-text-50: rgba(0, 0, 0, 0.87);
	--color-text-100: rgba(0, 0, 0, 0.87);
	--color-text-200: rgba(0, 0, 0, 0.87);
	--color-text-300: rgba(0, 0, 0, 0.87);
	--color-text-400: rgba(15, 15, 15, 0.87);
	--color-text-500: rgba(41, 41, 41, 0.87);
	--color-text-600: rgba(66, 66, 66, 0.87);
	--color-text-700: rgba(92, 92, 92, 0.87);
	--color-text-800: rgba(117, 117, 117, 0.87);
	--color-text-900: rgba(143, 143, 143, 0.87);
	--color-textContrast-50: rgba(140, 140, 140, 0.87);
	--color-textContrast-100: rgba(153, 153, 153, 0.87);
	--color-textContrast-200: rgba(179, 179, 179, 0.87);
	--color-textContrast-300: rgba(204, 204, 204, 0.87);
	--color-textContrast-400: rgba(230, 230, 230, 0.87);
	--color-textContrast-500: rgba(255, 255, 255, 0.87);
	--color-textContrast-600: rgba(255, 255, 255, 0.87);
	--color-textContrast-700: rgba(255, 255, 255, 0.87);
	--color-textContrast-800: rgba(255, 255, 255, 0.87);
	--color-textContrast-900: rgba(255, 255, 255, 0.87);

	/* Font family */
	--font-family: 'Inter', sans-serif;
}

:root.dark {
	--color-primary-50: 0 0 0;
	--color-primary-100: 0 0 0;
	--color-primary-200: 0 0 0;
	--color-primary-300: 0 0 0;
	--color-primary-400: 26 26 26;
	--color-primary-500: 51 51 51;
	--color-primary-600: 77 77 77;
	--color-primary-700: 102 102 102;
	--color-primary-800: 128 128 128;
	--color-primary-900: 153 153 153;
	--color-secondary-50: 0 0 0;
	--color-secondary-100: 0 0 0;
	--color-secondary-200: 26 26 26;
	--color-secondary-300: 51 51 51;
	--color-secondary-400: 77 77 77;
	--color-secondary-500: 102 102 102;
	--color-secondary-600: 128 128 128;
	--color-secondary-700: 153 153 153;
	--color-secondary-800: 179 179 179;
	--color-secondary-900: 204 204 204;
	--color-accent-50: 140 140 140;
	--color-accent-100: 153 153 153;
	--color-accent-200: 179 179 179;
	--color-accent-300: 204 204 204;
	--color-accent-400: 230 230 230;
	--color-accent-500: 255 255 255;
	--color-accent-600: 255 255 255;
	--color-accent-700: 255 255 255;
	--color-accent-800: 255 255 255;
	--color-accent-900: 255 255 255;
	--color-background-50: 0 0 0;
	--color-background-100: 0 0 0;
	--color-background-200: 0 0 0;
	--color-background-300: 0 0 0;
	--color-background-400: 0 0 0;
	--color-background-500: 18 18 18;
	--color-background-600: 43 43 43;
	--color-background-700: 69 69 69;
	--color-background-800: 94 94 94;
	--color-background-900: 120 120 120;
	--color-surface-50: 0 0 0;
	--color-surface-100: 0 0 0;
	--color-surface-200: 0 0 0;
	--color-surface-300: 0 0 0;
	--color-surface-400: 17 17 17;
	--color-surface-500: 43 43 43;
	--color-surface-600: 68 68 68;
	--color-surface-700: 94 94 94;
	--color-surface-800: 119 119 119;
	--color-surface-900: 145 145 145;
	--color-neutral-50: 140 140 140;
	--color-neutral-100: 153 153 153;
	--color-neutral-200: 179 179 179;
	--color-neutral-300: 204 204 204;
	--color-neutral-400: 230 230 230;
	--color-neutral-500: 255 255 255;
	--color-neutral-600: 255 255 255;
	--color-neutral-700: 255 255 255;
	--color-neutral-800: 255 255 255;
	--color-neutral-900: 255 255 255;
	--color-text-50: rgb(125, 125, 125);
	--color-text-100: rgb(138, 138, 138);
	--color-text-200: rgb(163, 163, 163);
	--color-text-300: rgb(189, 189, 189);
	--color-text-400: rgb(214, 214, 214);
	--color-text-500: rgb(240, 240, 240);
	--color-text-600: rgb(255, 255, 255);
	--color-text-700: rgb(255, 255, 255);
	--color-text-800: rgb(255, 255, 255);
	--color-text-900: rgb(255, 255, 255);
	--color-textContrast-50: rgb(0, 0, 0);
	--color-textContrast-100: rgb(0, 0, 0);
	--color-textContrast-200: rgb(0, 0, 0);
	--color-textContrast-300: rgb(0, 0, 0);
	--color-textContrast-400: rgb(0, 0, 0);
	--color-textContrast-500: rgb(0, 0, 0);
	--color-textContrast-600: rgb(26, 26, 26);
	--color-textContrast-700: rgb(51, 51, 51);
	--color-textContrast-800: rgb(77, 77, 77);
	--color-textContrast-900: rgb(102, 102, 102);
}