:root {
	--ft-size: 1rem;
	--ft-x: 0.125rem;
	--ft-decrease: 0;
	--ft-decrease-hero: 0;
	--ft-decrease-label-hero: 0;

	--ft-li: calc(var(--ft-size) + var(--ft-x) * calc(0 - var(--ft-decrease)));
	--ft-h6: calc(var(--ft-size) + var(--ft-x) * calc(1 - var(--ft-decrease)));
	--ft-h5: calc(var(--ft-size) + var(--ft-x) * calc(2 - var(--ft-decrease)));
	--ft-h4: calc(var(--ft-size) + var(--ft-x) * calc(3 - var(--ft-decrease)));
	--ft-h3: calc(var(--ft-size) + var(--ft-x) * calc(4 - var(--ft-decrease)));
	--ft-h2: calc(var(--ft-size) + var(--ft-x) * calc(5 - var(--ft-decrease)));
	--ft-h1: calc(var(--ft-size) + var(--ft-x) * calc(6 - var(--ft-decrease)));
	--ft-h6-hero: calc(var(--ft-size) + var(--ft-x) * calc(10 - var(--ft-decrease-hero)));
	--ft-h5-hero: calc(var(--ft-size) + var(--ft-x) * calc(12 - var(--ft-decrease-hero)));
	--ft-h4-hero: calc(var(--ft-size) + var(--ft-x) * calc(14 - var(--ft-decrease-hero)));
	--ft-h3-hero: calc(var(--ft-size) + var(--ft-x) * calc(16 - var(--ft-decrease-hero)));
	--ft-h2-hero: calc(var(--ft-size) + var(--ft-x) * calc(18 - var(--ft-decrease-hero)));
	--ft-h1-hero: calc(var(--ft-size) + var(--ft-x) * calc(20 - var(--ft-decrease-hero)));
	--ft-label: calc(var(--ft-size) + var(--ft-x) * calc(10 - var(--ft-decrease-label-hero)));
	--ft-label-category: calc(var(--ft-size) + var(--ft-x) * calc(14 - var(--ft-decrease-label-hero)));
	--ft-label-category-hero: calc(var(--ft-size) + var(--ft-x) * calc(28 - var(--ft-decrease-label-hero)));

	--ft-margin-bottom: 0.5;
	--ft-hero-margin-bottom: 0.25;
	--ft-label-margin-bottom: 0.25;
	--ft-label-hero-margin-bottom: 0.1875;

	--ft-li-mb: calc(var(--ft-li) * var(--ft-margin-bottom));
	--ft-h6-mb: calc(var(--ft-h6) * var(--ft-margin-bottom));
	--ft-h5-mb: calc(var(--ft-h5) * var(--ft-margin-bottom));
	--ft-h4-mb: calc(var(--ft-h4) * var(--ft-margin-bottom));
	--ft-h3-mb: calc(var(--ft-h3) * var(--ft-margin-bottom));
	--ft-h2-mb: calc(var(--ft-h2) * var(--ft-margin-bottom));
	--ft-h1-mb: calc(var(--ft-h1) * var(--ft-margin-bottom));
	--ft-h6-hero-mb: calc(var(--ft-h6-hero) * var(--ft-hero-margin-bottom));
	--ft-h5-hero-mb: calc(var(--ft-h5-hero) * var(--ft-hero-margin-bottom));
	--ft-h4-hero-mb: calc(var(--ft-h4-hero) * var(--ft-hero-margin-bottom));
	--ft-h3-hero-mb: calc(var(--ft-h3-hero) * var(--ft-hero-margin-bottom));
	--ft-h2-hero-mb: calc(var(--ft-h2-hero) * var(--ft-hero-margin-bottom));
	--ft-h1-hero-mb: calc(var(--ft-h1-hero) * var(--ft-hero-margin-bottom));
	--ft-label-mb: calc(var(--ft-label) * var(--ft-label-margin-bottom));
	--ft-label-category-mb: calc(var(--ft-label-category) * var(--ft-label-margin-bottom));
	--ft-label-category-hero-mb: calc(var(--ft-label-category-hero) * var(--ft-label-hero-margin-bottom));
}

@media (max-width: 1280px) and (min-width: 1023.99px),
(max-width: 768px) and (min-width: 575.99px) {
	:root {
		--ft-decrease: 1;
		--ft-decrease-hero: 2;
		--ft-decrease-label-hero: 4;
	}
}

@media (max-width: 1024px) and (min-width: 767.99px),
(max-width: 576px) {
	:root {
		--ft-decrease: 2;
		--ft-decrease-hero: 4;
		--ft-decrease-label-hero: 8;
	}
}

: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-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-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);

	/* black */
	--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);

	/* blue */
	--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);

	/* blue green */
	--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);

	/* gray */
	--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);

	/* green */
	--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);

	/* red */
	--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);

	/* orange */
	--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);

	/* yellow */
	--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);

	/* white */
	--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);

	/* ci gold */
	--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);

	/* ci blue */
	--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);

	/* ci sky blue */
	--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);
}

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);
}