:root {
	--unit: 4px;
	--ratio: var(--4th);
	--t-1: var(--4);

	--1: var(--unit);
	--2: calc(var(--unit) * 2);
	--3: calc(var(--unit) * 3);
	--4: calc(var(--unit) * 4);
	--6: calc(var(--unit) * 6);
	--8: calc(var(--unit) * 8);
	--10: calc(var(--unit) * 10);
	--12: calc(var(--unit) * 12);
	--16: calc(var(--unit) * 16);

	--minor-2nd: 1.067;
	--major-2nd: 1.125;
	--minor-3rd: 1.2;
	--major-3rd: 1.25;
	--4th: 1.333;
	--augmented-4th: 1.414;
	--5th: 1.5;
	--golden: 1.618;

	--r1: var(--ratio);
	--r2: calc(var(--r1) * var(--r1));
	--r3: calc(var(--r2) * var(--r1));
	--r4: calc(var(--r3) * var(--r1));
	--r5: calc(var(--r4) * var(--r1));
	--r6: calc(var(--r5) * var(--r1));
	--r7: calc(var(--r6) * var(--r1));

	--t-2: calc(var(--t-1) * var(--r1));
	--t-3: calc(var(--t-1) * var(--r2));
	--t-4: calc(var(--t-1) * var(--r3));
	--t-5: calc(var(--t-1) * var(--r4));
	--t-6: calc(var(--t-1) * var(--r5));
	--t-7: calc(var(--t-1) * var(--r6));
	--t-8: calc(var(--t-1) * var(--r7));

	--t-1-2: calc(var(--t-1) / var(--r1));
	--t-1-3: calc(var(--t-1) / var(--r2));
}