/*
 * Static colors that keep the same between each visual theme
 */

:root {
	--shadow-norm: 0 calc(var(--px)) calc(var(--px) * 4) rgb(0 0 0 / var(--shadow-norm-opacity, 0.1));
	--shadow-lifted: 0 calc(var(--px) * 8) calc(var(--px) * 24) rgb(0 0 0 / var(--shadow-lifted-opacity, 0.2));

	--default-border-radius: 8;
	--border-radius-em: calc(var(--border-radius, var(--default-border-radius)) * var(--px));
	--border-radius-small: calc(var(--border-radius-em) * 0.5);
	--border-radius-medium: var(--border-radius-em);
	--border-radius-large: calc(var(--border-radius-em) * 1.5);

	--border-radius-pill: 9999em;
}

/*
 * Static colors that keep the same between each visual theme
 */

:root {
	--shadow-norm: 0 calc(var(--px)) calc(var(--px) * 4) rgb(0 0 0 / var(--shadow-norm-opacity, 0.1));
	--shadow-lifted: 0 calc(var(--px) * 8) calc(var(--px) * 24) rgb(0 0 0 / var(--shadow-lifted-opacity, 0.2));

	--default-border-radius: 3;
	--border-radius-em: calc(var(--border-radius, var(--default-border-radius)) * var(--px));
	--border-radius-small: calc(var(--border-radius-em) * 0.5);
	--border-radius-medium: var(--border-radius-em);
	--border-radius-large: calc(var(--border-radius-em) * 1.5);

	--border-radius-pill: 9999em;
}

Set default border-radius to 3
Set default border-radius to 3

This is the same value as was previously assigned to the SASS
variable $global-border-radius.

While we can't just yet actually propagate the border-radius
changes for real, this commit together with the previous ones
relating to the border-radius update (CP-2422) are setting the
system in place to later transition at the change of a single
variable.

These changes will not be fully invisible but nearly so. Some
border-radiuses have been re-considered, also the old system
with just $border-radius-global & $border-bigger-radius-global
is not fully compatible with the new system (small, medium, large).

CP-2422
