/*!
 * Themes/Dark
 */

.x-theme--dark {
	--x-sys-color-background: var(--x-ref-palette-black-pearl);
	--x-sys-color-on-background: var(--x-ref-palette-whisper);
	--x-sys-color-background-overlay-multiplier: 1;

	--x-sys-color-background: var(--x-ref-palette-black-pearl);
	--x-sys-color-on-background: var(--x-ref-palette-whisper);
	--x-sys-color-surface-overlay-multiplier: 1;

	--x-sys-color-surface: var(--x-ref-palette-black-pearl);
	--x-sys-color-on-surface: var(--x-ref-palette-silver);
	--x-sys-color-surface-overlay-multiplier: 1;

	--x-sys-color-surface-variant: var(--x-ref-palette-tangaroa);
	--x-sys-color-on-surface-variant: var(--x-ref-palette-whisper);
	--x-sys-color-surface-variant-overlay-multiplier: 1;

	--x-sys-color-surface-container-low: var(--x-ref-palette-hint-of-red);
	--x-sys-color-on-surface-container-low: var(--x-ref-palette-night-rider);
	--x-sys-color-surface-container-low-overlay-multiplier: 1;

	--x-sys-color-inverse-surface: var(--x-ref-palette-whisper);
	--x-sys-color-on-inverse-surface: var(--x-ref-palette-black-pearl);
	--x-sys-color-inverse-surface-overlay-multiplier: 1;

	--x-sys-color-primary: var(--x-ref-palette-barley-corn);
	--x-sys-color-on-primary: var(--x-ref-palette-night-rider);
	--x-sys-color-primary-overlay-multiplier: 1;

	--x-sys-color-secondary-container: var(--x-ref-palette-pig-pink);
	--x-sys-color-on-secondary-container: var(--x-ref-palette-night-rider);
	--x-sys-color-secondary-container-overlay-multiplier: 1;

	--x-sys-color-tertiary-container: var(--x-ref-palette-desert-storm);
	--x-sys-color-on-tertiary-container: var(--x-ref-palette-night-rider);
	--x-sys-color-tertiary-container-overlay-multiplier: 1;

	--x-sys-color-error: var(--x-ref-palette-venetian-red);
	--x-sys-color-on-error: var(--x-ref-palette-white);
	--x-sys-color-error-overlay-multiplier: 2;

	--x-sys-color-outline: var(--x-ref-palette-shark);
	--x-sys-color-scrim: var(--x-ref-palette-black);
	--x-sys-color-shadow: var(--x-ref-palette-black);

	--x-sys-opacity-outline: 1;
	--x-sys-opacity-shadow-umbra: 0.2;
	--x-sys-opacity-shadow-penumbra: 0.14;
	--x-sys-opacity-shadow-ambient: 0.12;
	--x-sys-opacity-high-emphasis: 0.87;
	--x-sys-opacity-medium-emphasis: 0.6;
	--x-sys-opacity-disabled: 0.38;
	--x-sys-opacity-idle: 0.04;
	--x-sys-opacity-hover: 0.04;
	--x-sys-opacity-focus: 0.12;
	--x-sys-opacity-selected: 0.08;
	--x-sys-opacity-activated: 0.12;
	--x-sys-opacity-pressed: 0.12;
	--x-sys-opacity-dragged: 0.08;

	color-scheme: dark;
}

:root:has(.x-app.x-theme--dark) {
	color-scheme: dark;
}