// TOKENS STYLES: SHADOW presets

$eps-box-shadow-alpha-unit: 0.05;

$eps-box-shadow-color: theme-colors(dark);
$eps-box-shadow-size: 0 3px 6px;
$eps-box-shadow-size-1: 0 2px 3px 1px;
$eps-box-shadow-size-2: 0 4px 10px;
$eps-box-shadow-size-3: 2px 8px 23px 3px;

$eps-box-shadow-alpha-unit-dark: 0.15;

:root {
	--color-box-shadow-color: rgba(0, 0, 0, 0.05);
}

.eps-theme-dark {
	--color-box-shadow-color: rgba(0, 0, 0, 0.1);
}

// shadow presets
// todo: temp values, map to semantics when semantics (use casing) is concluded.
$eps-box-shadow:   $eps-box-shadow-size var(--color-box-shadow-color);
$eps-box-shadow-1: $eps-box-shadow-size-1 var(--color-box-shadow-color);
$eps-box-shadow-2: $eps-box-shadow-size-2 var(--color-box-shadow-color);
$eps-box-shadow-3: $eps-box-shadow-size-3 var(--color-box-shadow-color);