:root {
	--memory-available: light-dark(
		color-mix(in srgb, var(--palette-orange) 30%, var(--background-color)),
		color-mix(in srgb, var(--palette-orange) 24%, var(--background-color))
	);
	--memory-allocated: var(--palette-orange);
	--memory-usable: var(--memory-available);
	--memory-free-list-default: var(--color-highlight);
	--memory-free-list-segregated: light-dark(var(--gray-700), var(--gray-400));
	--memory-metadata-size: var(--palette-blue);
	--memory-metadata-free: var(--palette-green);
	--memory-metadata-allocated: var(--palette-orange);
	--memory-text-size: light-dark(var(--blue-700), var(--blue-300));
	--memory-text-free: light-dark(var(--green-800), var(--green-300));
	--memory-text-allocated: light-dark(var(--orange-700), var(--orange-300));
	--memory-text-available: var(--color-highlight);
	--memory-text-reserved: var(--memory-text-allocated);
	--memory-text-cursor: var(--color-highlight);
	--memory-text-free-list: var(--color-highlight);
	--memory-text-segregated-free-list: light-dark(
		var(--gray-700),
		var(--gray-300)
	);
	--memory-text-error: light-dark(var(--red-700), var(--red-300));
	--memory-text-usable: light-dark(var(--yellow-800), var(--yellow-200));
}

s-memory {
	display: block;
	margin: 1rem 0 1.5rem;
}

s-hexadecimal {
	display: block;
	margin: 1rem 0 1.5rem;
}

s-dog {
	display: block;
	width: 90%;
	margin: 1.5rem auto;
}