/**
 * Neutral Colors
 */
:where(:root), .tc-root {
	/* A neutral color (typically gray or very desaturated) with an OKLCH lightness of 50% */
	--color-neutral: oklch(50% 0.03 230);

	/* Tints and shades that automatically adapt to the color-scheme used */
	
	--color-neutral-0: color-mix(in oklab, canvastext var(--color-tintify), color-mix(in oklab, var(--color-neutral) var(--color-level-0), var(--color-canvastext)));
	--color-neutral-10: color-mix(in oklch, var(--color-neutral-0), var(--color-neutral-50) 20%);
	--color-neutral-20: color-mix(in oklch, var(--color-neutral-0), var(--color-neutral-50) 40%);
	--color-neutral-30: color-mix(in oklch, var(--color-neutral-0), var(--color-neutral-50) 60%);
	--color-neutral-40: color-mix(in oklch, var(--color-neutral-0), var(--color-neutral-50) 80%);
	--color-neutral-50-abs: color-mix(in oklch, var(--color-neutral) 0%, oklch(var(--color-level-50) none none));
	--color-neutral-50: color-mix(in oklch, var(--color-neutral), var(--color-neutral-50-abs) var(--color-absolutize, ));
	--color-neutral-60: color-mix(in oklab, var(--color-neutral-50), var(--color-neutral-100) 20%);
	--color-neutral-70: color-mix(in oklab, var(--color-neutral-50), var(--color-neutral-100) 40%);
	--color-neutral-80: color-mix(in oklab, var(--color-neutral-50), var(--color-neutral-100) 60%);
	--color-neutral-90: color-mix(in oklab, var(--color-neutral-50), var(--color-neutral-100) 80%);
	--color-neutral-100: color-mix(in oklab, canvas var(--color-tintify), color-mix(in oklab, var(--color-neutral), var(--color-canvas) var(--color-level-100)));


	/* Midpoints */
	
	--color-neutral-5: color-mix(in oklab, var(--color-neutral-0), var(--color-neutral-10));
	--color-neutral-15: color-mix(in oklab, var(--color-neutral-10), var(--color-neutral-20));
	--color-neutral-25: color-mix(in oklab, var(--color-neutral-20), var(--color-neutral-30));
	--color-neutral-35: color-mix(in oklab, var(--color-neutral-30), var(--color-neutral-40));
	--color-neutral-45: color-mix(in oklab, var(--color-neutral-40), var(--color-neutral-50));
	--color-neutral-55: color-mix(in oklab, var(--color-neutral-50), var(--color-neutral-60));
	--color-neutral-65: color-mix(in oklab, var(--color-neutral-60), var(--color-neutral-70));
	--color-neutral-75: color-mix(in oklab, var(--color-neutral-70), var(--color-neutral-80));
	--color-neutral-85: color-mix(in oklab, var(--color-neutral-80), var(--color-neutral-90));
	--color-neutral-95: color-mix(in oklab, var(--color-neutral-90), var(--color-neutral-100));
	

	/* Semi-transparent neutrals */--color-neutral-0a: color-mix(in oklab, var(--color-neutral) 0%, oklab(none none none / 0%));
	--color-neutral-10a: color-mix(in oklab, var(--color-neutral) 10%, oklab(none none none / 0%));
	--color-neutral-20a: color-mix(in oklab, var(--color-neutral) 20%, oklab(none none none / 0%));
	--color-neutral-30a: color-mix(in oklab, var(--color-neutral) 30%, oklab(none none none / 0%));
	--color-neutral-40a: color-mix(in oklab, var(--color-neutral) 40%, oklab(none none none / 0%));
	--color-neutral-50a: color-mix(in oklab, var(--color-neutral) 50%, oklab(none none none / 0%));
	--color-neutral-60a: color-mix(in oklab, var(--color-neutral) 60%, oklab(none none none / 0%));
	--color-neutral-70a: color-mix(in oklab, var(--color-neutral) 70%, oklab(none none none / 0%));
	--color-neutral-80a: color-mix(in oklab, var(--color-neutral) 80%, oklab(none none none / 0%));
	--color-neutral-90a: color-mix(in oklab, var(--color-neutral) 90%, oklab(none none none / 0%));
	--color-neutral-100a: var(--color-neutral);
}