:root {
	--shadow-0: none;
	--shadow-1: 0 1px 2px rgba(35, 37, 42, .07);
	--shadow-2: 0 1px 2px rgba(35, 37, 42, .05), 0 3px 10px rgba(35, 37, 42, .08);
	--shadow-3: 0 2px 4px rgba(35, 37, 42, .05), 0 12px 30px -6px rgba(35, 37, 42, .14);
	--shadow-4: 0 4px 8px rgba(35, 37, 42, .06), 0 28px 60px -14px rgba(35, 37, 42, .22);
	--shadow-inset: none;
	--ring-focus: 0 0 0 3px rgba(69, 74, 81, .16);
	--ring-brand: 0 0 0 3px rgba(140, 66, 76, .15);
}

[data-theme="dark"] {
	--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);
	--shadow-2: 0 1px 2px rgba(0, 0, 0, .4), 0 3px 10px rgba(0, 0, 0, .42);
	--shadow-3: 0 2px 4px rgba(0, 0, 0, .4), 0 12px 30px -6px rgba(0, 0, 0, .55);
	--shadow-4: 0 4px 8px rgba(0, 0, 0, .45), 0 28px 60px -14px rgba(0, 0, 0, .7);
	--shadow-inset: inset 0 0 0 1px rgba(255, 255, 255, .04);
	--ring-focus: 0 0 0 3px rgba(196, 201, 208, .2);
	--ring-brand: 0 0 0 3px rgba(199, 155, 164, .24);
}