:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;

	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: rgba(255, 77, 77, 1);
	--light: #f8f9fa;
	--dark: #343a40;

	--color-wt: hsla(0, 0%, 100%, 1);
	--color-wt: rgba(255, 255, 255, 1);
	--color-wt-d9: rgba(255, 255, 255, 0.9);
	--color-wt-d6: rgba(255, 255, 255, 0.6);
	--color-wt-d3: rgba(255, 255, 255, 0.3);
	--color-wt-d1: rgba(255, 255, 255, 0.1);
	--color-wt-d75: rgba(255, 255, 255, 0.75);
	--color-wt-d45: rgba(255, 255, 255, 0.45);
	--color-wt-d15: rgba(255, 255, 255, 0.15);
	--color-wt-d05: rgba(255, 255, 255, 0.05);

	--color-9: hsla(0, 0%, 90%, 1);
	--color-6: hsla(0, 0%, 60%, 1);
	--color-3: hsla(0, 0%, 30%, 1);
	--color-75: hsla(0, 0%, 75%, 1);
	--color-45: hsla(0, 0%, 45%, 1);
	--color-15: hsla(0, 0%, 15%, 1);
	--color-05: hsla(0, 0%, 05%, 1);

	--color-bk: hsla(0, 0%, 0%, 1);
	--color-bk: rgba(0, 0, 0, 1);
	--color-bk-d9: rgba(0, 0, 0, 0.9);
	--color-bk-d6: rgba(0, 0, 0, 0.6);
	--color-bk-d3: rgba(0, 0, 0, 0.3);
	--color-bk-d1: rgba(0, 0, 0, 0.1);
	--color-bk-d75: rgba(0, 0, 0, 0.75);
	--color-bk-d45: rgba(0, 0, 0, 0.45);
	--color-bk-d15: rgba(0, 0, 0, 0.15);
	--color-bk-d05: rgba(0, 0, 0, 0.05);

	--color-rd: hsla(0, 100%, 65%, 1);
	--color-rd: rgba(255, 77, 77, 1);
	--color-rd-d9: rgba(255, 77, 77, 0.9);
	--color-rd-d6: rgba(255, 77, 77, 0.6);
	--color-rd-d3: rgba(255, 77, 77, 0.3);
	--color-rd-d1: rgba(255, 77, 77, 0.1);
	--color-rd-d75: rgba(255, 77, 77, 0.75);
	--color-rd-d45: rgba(255, 77, 77, 0.45);
	--color-rd-d15: rgba(255, 77, 77, 0.15);
	--color-rd-d05: rgba(255, 77, 77, 0.05);

	--color-or: hsla(25, 100%, 50%, 1);
	--color-or: rgba(255, 106, 0, 1);
	--color-or-d9: rgba(255, 106, 0, 0.9);
	--color-or-d6: rgba(255, 106, 0, 0.6);
	--color-or-d3: rgba(255, 106, 0, 0.3);
	--color-or-d1: rgba(255, 106, 0, 0.1);
	--color-or-d75: rgba(255, 106, 0, 0.75);
	--color-or-d45: rgba(255, 106, 0, 0.45);
	--color-or-d15: rgba(255, 106, 0, 0.15);
	--color-or-d05: rgba(255, 106, 0, 0.05);

	--color-yl: hsla(40, 100%, 50%, 1);
	--color-yl: rgba(255, 170, 0, 1);
	--color-yl-d9: rgba(255, 170, 0, 0.9);
	--color-yl-d6: rgba(255, 170, 0, 0.6);
	--color-yl-d3: rgba(255, 170, 0, 0.3);
	--color-yl-d1: rgba(255, 170, 0, 0.1);
	--color-yl-d75: rgba(255, 170, 0, 0.75);
	--color-yl-d45: rgba(255, 170, 0, 0.45);
	--color-yl-d15: rgba(255, 170, 0, 0.15);
	--color-yl-d05: rgba(255, 170, 0, 0.05);

	--color-gn: hsla(140, 60%, 40%, 1);
	--color-gn: rgba(41, 163, 82, 1);
	--color-gn-d9: rgba(41, 163, 82, 0.9);
	--color-gn-d6: rgba(41, 163, 82, 0.6);
	--color-gn-d3: rgba(41, 163, 82, 0.3);
	--color-gn-d1: rgba(41, 163, 82, 0.1);
	--color-gn-d75: rgba(41, 163, 82, 0.75);
	--color-gn-d45: rgba(41, 163, 82, 0.45);
	--color-gn-d15: rgba(41, 163, 82, 0.15);
	--color-gn-d05: rgba(41, 163, 82, 0.05);

	--color-bg: hsla(170, 50%, 50%, 1);
	--color-bg: rgba(64, 191, 170, 1);
	--color-bg-d9: rgba(64, 191, 170, 0.9);
	--color-bg-d6: rgba(64, 191, 170, 0.6);
	--color-bg-d3: rgba(64, 191, 170, 0.3);
	--color-bg-d1: rgba(64, 191, 170, 0.1);
	--color-bg-d75: rgba(64, 191, 170, 0.75);
	--color-bg-d45: rgba(64, 191, 170, 0.45);
	--color-bg-d15: rgba(64, 191, 170, 0.15);
	--color-bg-d05: rgba(64, 191, 170, 0.05);

	--color-bl: hsla(210, 100%, 50%, 1);
	--color-bl: rgba(0, 128, 255, 1);
	--color-bl-d9: rgba(0, 128, 255, 0.9);
	--color-bl-d6: rgba(0, 128, 255, 0.6);
	--color-bl-d3: rgba(0, 128, 255, 0.3);
	--color-bl-d1: rgba(0, 128, 255, 0.1);
	--color-bl-d75: rgba(0, 128, 255, 0.75);
	--color-bl-d45: rgba(0, 128, 255, 0.45);
	--color-bl-d15: rgba(0, 128, 255, 0.15);
	--color-bl-d05: rgba(0, 128, 255, 0.05);

	--colpl-pl: hsla(300, 90%, 60%, 1);
	--colpl-pl: rgba(245, 61, 245, 1);
	--colpl-pl-d9: rgba(245, 61, 245, 0.9);
	--colpl-pl-d6: rgba(245, 61, 245, 0.6);
	--colpl-pl-d3: rgba(245, 61, 245, 0.3);
	--colpl-pl-d1: rgba(245, 61, 245, 0.1);
	--colpl-pl-d75: rgba(245, 61, 245, 0.75);
	--colpl-pl-d45: rgba(245, 61, 245, 0.45);
	--colpl-pl-d15: rgba(245, 61, 245, 0.15);
	--colpl-pl-d05: rgba(245, 61, 245, 0.05);

	--color-ltgb: hsla(203, 100%, 96%, 1);
	--color-ltgb: rgba(235, 247, 255, 1);
	--color-dkgb: hsla(210, 10%, 20%, 1);
	--color-dkgb: rgba(46, 51, 56, 1);

	--color-gb: hsla(210, 10%, 50%, 1);
	--color-gb: rgba(115, 128, 140, 1);
	--color-gb-d9: rgba(115, 128, 140, 0.9);
	--color-gb-d6: rgba(115, 128, 140, 0.6);
	--color-gb-d3: rgba(115, 128, 140, 0.3);
	--color-gb-d1: rgba(115, 128, 140, 0.1);
	--color-gb-d75: rgba(115, 128, 140, 0.75);
	--color-gb-d45: rgba(115, 128, 140, 0.45);
	--color-gb-d15: rgba(115, 128, 140, 0.15);
	--color-gb-d05: rgba(115, 128, 140, 0.05);

	--color-ci-gd: rgba(250, 177, 16, 1);
	--color-ci-gd-h: rgba(236, 164, 5, 1);
	--color-ci-gd-d9: rgba(250, 177, 16, 0.9);
	--color-ci-gd-d6: rgba(250, 177, 16, 0.6);
	--color-ci-gd-d3: rgba(250, 177, 16, 0.3);
	--color-ci-gd-d2: rgba(250, 177, 16, 0.2);
	--color-ci-gd-d1: rgba(250, 177, 16, 0.1);
	--color-ci-gd-d75: rgba(250, 177, 16, 0.75);
	--color-ci-gd-d45: rgba(250, 177, 16, 0.45);
	--color-ci-gd-d15: rgba(250, 177, 16, 0.15);
	--color-ci-gd-d05: rgba(250, 177, 16, 0.05);

	--color-ci-dkbl3: hsla(200, 50%, 15%, 1);
	--color-ci-dkbl3: rgba(19, 45, 57, 1);
	--color-ci-dkbl3-d9: rgba(19, 45, 57, 0.9);
	--color-ci-dkbl3-d75: rgba(19, 45, 57, 0.75);
	--color-ci-dkbl3-d6: rgba(19, 45, 57, 0.6);
	--color-ci-dkbl3-d3: rgba(19, 45, 57, 0.3);
	--color-ci-dkbl3-d1: rgba(19, 45, 57, 0.1);
	--color-ci-dkbl3-d05: rgba(19, 45, 57, 0.05);

	--color-ci-dkbl2: hsla(200, 40%, 20%, 1);

	--color-ci-dkbl: hsla(200, 60%, 30%, 1);
	--color-ci-dkbl: rgba(31, 92, 122, 1);
	--color-ci-dkbl-d9: rgba(31, 92, 122, 0.9);
	--color-ci-dkbl-d6: rgba(31, 92, 122, 0.6);
	--color-ci-dkbl-d3: rgba(31, 92, 122, 0.3);
	--color-ci-dkbl-d2: rgba(31, 92, 122, 0.2);
	--color-ci-dkbl-d1: rgba(31, 92, 122, 0.1);
	--color-ci-dkbl-d05: rgba(31, 92, 122, 0.05);

	/*
	n: hsl(0deg 50% 50%);
	h: hsl(0deg 50% 45%);
	a: hsl(0deg 50% 50%);
	d: hsl(0deg 50% 90%);
	s: hsl(0deg 50% 50% / 0.5), hsl(0deg 50% 50% / 0.3), hsl(0deg 50% 50% / 0.1);
	*/

	--color-ci-bl: rgba(14, 117, 180, 1);
	--color-ci-bl-h: rgba(10, 86, 133, 1);
	--color-ci-bl-d9: rgba(14, 117, 180, 0.9);
	--color-ci-bl-d6: rgba(14, 117, 180, 0.6);
	--color-ci-bl-d3: rgba(14, 117, 180, 0.3);
	--color-ci-bl-d2: rgba(14, 117, 180, 0.2);
	--color-ci-bl-d1: rgba(14, 117, 180, 0.1);
	--color-ci-bl-d75: rgba(14, 117, 180, 0.75);
	--color-ci-bl-d45: rgba(14, 117, 180, 0.45);
	--color-ci-bl-d15: rgba(14, 117, 180, 0.15);
	--color-ci-bl-d05: rgba(14, 117, 180, 0.05);

	--color-ci-sb: rgba(46, 187, 238, 1);
	--color-ci-sb-h: rgba(18, 163, 215, 1);
	--color-ci-sb-d9: rgba(46, 187, 238, 0.9);
	--color-ci-sb-d6: rgba(46, 187, 238, 0.6);
	--color-ci-sb-d3: rgba(46, 187, 238, 0.3);
	--color-ci-sb-d2: rgba(46, 187, 238, 0.2);
	--color-ci-sb-d1: rgba(46, 187, 238, 0.1);
	--color-ci-sb-d75: rgba(46, 187, 238, 0.75);
	--color-ci-sb-d45: rgba(46, 187, 238, 0.45);
	--color-ci-sb-d15: rgba(46, 187, 238, 0.15);
	--color-ci-sb-d05: rgba(46, 187, 238, 0.05);

	--color-ci-gn: hsla(140, 100%, 50%, 1);
	--color-ci-gn: rgba(0, 255, 85, 1);
	--color-ci-gn-d9: rgba(0, 255, 85, 0.9);
	--color-ci-gn-d6: rgba(0, 255, 85, 0.6);
	--color-ci-gn-d3: rgba(0, 255, 85, 0.3);
	--color-ci-gn-d1: rgba(0, 255, 85, 0.1);

	--color-ci-blgn: hsla(170, 100%, 50%, 1);
	--color-ci-blgn: rgba(0, 255, 213, 1);
	--color-ci-blgn-d9: rgba(0, 255, 213, 0.9);
	--color-ci-blgn-d6: rgba(0, 255, 213, 0.6);
	--color-ci-blgn-d3: rgba(0, 255, 213, 0.3);
	--color-ci-blgn-d2: rgba(0, 255, 213, 0.2);
	--color-ci-blgn-d1: rgba(0, 255, 213, 0.1);
	--color-ci-blgn2: hsla(160, 30%, 30%, 1);
}

body.light-mode {
	--theme-color-default: hsla(0, 0%, 0%, 1);
	--theme-color-default: rgba(0, 0, 0, 1);
	--theme-color-default-d9: rgba(0, 0, 0, 0.9);
	--theme-color-default-d6: rgba(0, 0, 0, 0.6);
	--theme-color-default-d3: rgba(0, 0, 0, 0.3);
	--theme-color-default-d1: rgba(0, 0, 0, 0.1);
	--theme-color-default-d75: rgba(0, 0, 0, 0.75);
	--theme-color-default-d45: rgba(0, 0, 0, 0.45);
	--theme-color-default-d15: rgba(0, 0, 0, 0.15);
	--theme-color-default-d05: rgba(0, 0, 0, 0.05);
}

body.dark-mode {
	--theme-color-default: hsla(0, 0%, 100%, 1);
	--theme-color-default: rgba(255, 255, 255, 1);
	--theme-color-default-d9: rgba(255, 255, 255, 0.9);
	--theme-color-default-d6: rgba(255, 255, 255, 0.6);
	--theme-color-default-d3: rgba(255, 255, 255, 0.3);
	--theme-color-default-d1: rgba(255, 255, 255, 0.1);
	--theme-color-default-d75: rgba(255, 255, 255, 0.75);
	--theme-color-default-d45: rgba(255, 255, 255, 0.45);
	--theme-color-default-d15: rgba(255, 255, 255, 0.15);
	--theme-color-default-d05: rgba(255, 255, 255, 0.05);
}