/* stylelint-disable order/order */
// Dark theme for Starforged, with aggressive restyling of FVTT's stock UX elements.

@use 'sass:meta';
@use 'mixin:color.scss';
@use 'mixin:fvtt.scss';

.ironcolor__phosphor {
	@include color.palettize(
		// FIXME: migrate to OKLCH once this issue is resolved and VSC provides color previews: https://github.com/microsoft/vscode-css-languageservice/issues/305
		$fg-color: hsl(180deg 70% 60%),
		$bg-color: hsl(180deg 20% 0%),
		$warm-color: hsl(185deg 100% 50%),
		$cool-color: hsl(210deg 100% 50%),
		$prefix: 'ironsworn-color'
	);
	@include color.darkTheme('ironsworn-color');
	@include color.softBorder('ironsworn-color');
	@include color.interactiveTint(
		'ironsworn-color-clickable-block',
		'ironsworn-color'
	);

	// TYPOGRAPHY
	--ironsworn-color-text-stroke: var(--ironsworn-color-bg);

	// CLICKABLE TEXT: HOVER EFFECT
	--ironsworn-filter-highlight: drop-shadow(0 0 3px var(--ironsworn-color-cool))
		drop-shadow(0 0 3px var(--ironsworn-color-cool-50));
	--ironsworn-box-shadow-highlight: 0 0 3px var(--ironsworn-color-cool),
		0 0 3px var(--ironsworn-color-cool);

	// now that the vars are set, set the overrides to FVTT's vars that are dependent on them.
	@include fvtt.colors;

	// Restyle FVTT's UI
	@include fvtt.ui;
}
