@use "pkg:iro-design/core.vars" as core;
@use "pkg:iro-design/objects/backdrop.vars" as backdrop;
@use "pkg:iro-sass/props";

$colors: props.def(
	--site-footer,
	(
		--bg-from: props.get(core.$theme, --bg-l1),
		--bg: props.get(core.$theme, --bg-l1),
		--star: transparent,
		--cloud: props.get(core.$theme, --base, --50),
		--l1: props.get(core.$theme, --bg-base),
		--dragon-awake: props.get(core.$transparent-colors, --black, --900),
		--dragon-asleep--eye: transparent,
		--dragon-asleep: transparent,
		--fg: props.get(core.$transparent-colors, --black, --900),
	),
	"color"
);

$colors--dark: props.def(
	--site-footer,
	(
		--bg: props.get(core.$theme, --bg-l2),
		--star: #fff,
		--cloud: props.get(core.$theme, --base, --100),
		--l1: props.get(core.$theme, --bg-l1),
		--dragon-awake: transparent,
		--dragon-asleep--eye: #fff,
		--dragon-asleep: #000,
		--fg: #000,
	),
	"dark"
);