/**
 * Special Colors (e.g. keywords, system colors, etc.)
 */
:where(:root), .tc-root {
	--color-canvas: canvas;
	--color-canvastext: canvastext;
	@supports (color: oklab(from canvas l a b / 0%)) {
		--color-canvas: oklab(from canvas l none none);
		--color-canvastext: oklab(from canvastext l none none);
	}--color-text-0a: color-mix(in oklab, currentColor 0%, oklab(none none none / 0%));
	--color-text-10a: color-mix(in oklab, currentColor 10%, oklab(none none none / 0%));
	--color-text-20a: color-mix(in oklab, currentColor 20%, oklab(none none none / 0%));
	--color-text-30a: color-mix(in oklab, currentColor 30%, oklab(none none none / 0%));
	--color-text-40a: color-mix(in oklab, currentColor 40%, oklab(none none none / 0%));
	--color-text-50a: color-mix(in oklab, currentColor 50%, oklab(none none none / 0%));
	--color-text-60a: color-mix(in oklab, currentColor 60%, oklab(none none none / 0%));
	--color-text-70a: color-mix(in oklab, currentColor 70%, oklab(none none none / 0%));
	--color-text-80a: color-mix(in oklab, currentColor 80%, oklab(none none none / 0%));
	--color-text-90a: color-mix(in oklab, currentColor 90%, oklab(none none none / 0%));
	--color-canvas-0a: color-mix(in oklab, var(--color-canvas) 0%, oklab(none none none / 0%));
	--color-canvas-10a: color-mix(in oklab, var(--color-canvas) 10%, oklab(none none none / 0%));
	--color-canvas-20a: color-mix(in oklab, var(--color-canvas) 20%, oklab(none none none / 0%));
	--color-canvas-30a: color-mix(in oklab, var(--color-canvas) 30%, oklab(none none none / 0%));
	--color-canvas-40a: color-mix(in oklab, var(--color-canvas) 40%, oklab(none none none / 0%));
	--color-canvas-50a: color-mix(in oklab, var(--color-canvas) 50%, oklab(none none none / 0%));
	--color-canvas-60a: color-mix(in oklab, var(--color-canvas) 60%, oklab(none none none / 0%));
	--color-canvas-70a: color-mix(in oklab, var(--color-canvas) 70%, oklab(none none none / 0%));
	--color-canvas-80a: color-mix(in oklab, var(--color-canvas) 80%, oklab(none none none / 0%));
	--color-canvas-90a: color-mix(in oklab, var(--color-canvas) 90%, oklab(none none none / 0%));
	--color-canvastext-0a: color-mix(in oklab, var(--color-canvastext) 0%, oklab(none none none / 0%));
	--color-canvastext-10a: color-mix(in oklab, var(--color-canvastext) 10%, oklab(none none none / 0%));
	--color-canvastext-20a: color-mix(in oklab, var(--color-canvastext) 20%, oklab(none none none / 0%));
	--color-canvastext-30a: color-mix(in oklab, var(--color-canvastext) 30%, oklab(none none none / 0%));
	--color-canvastext-40a: color-mix(in oklab, var(--color-canvastext) 40%, oklab(none none none / 0%));
	--color-canvastext-50a: color-mix(in oklab, var(--color-canvastext) 50%, oklab(none none none / 0%));
	--color-canvastext-60a: color-mix(in oklab, var(--color-canvastext) 60%, oklab(none none none / 0%));
	--color-canvastext-70a: color-mix(in oklab, var(--color-canvastext) 70%, oklab(none none none / 0%));
	--color-canvastext-80a: color-mix(in oklab, var(--color-canvastext) 80%, oklab(none none none / 0%));
	--color-canvastext-90a: color-mix(in oklab, var(--color-canvastext) 90%, oklab(none none none / 0%));
	}