@import url('./variables.css');

:root {
	--surfacePrimary-surface-primary: var(--Neutral-white);
	--surfacePrimary-on-surface-primary: var(--Neutral-Black);
	--surfacePrimary-on-surface-primary-variant: var(--px-gray-gray-90);
	--surfaceContainers-surface-container-lowest: var(--px-gray-gray-10);
	--surfaceContainers-surface-container-low: var(--px-gray-gray-20);
	--surfaceContainers-surface-container: var(--px-gray-gray-30);
	--surfaceContainers-surface-container-highest: var(--px-gray-gray-50);
	--surfaceContainers-surface-container-deep: var(--px-gray-gray-90);
	--surfaceContainers-on-surface-container-deep: var(--px-gray-gray-20);
	--surfaceContainers-on-surface-container: var(--px-gray-gray-100);
	--surfaceContainers-on-surface-container-variant: var(--px-gray-gray-80);
	--surfaceContainers-surface-overlay: var(--Neutral-Black-24);
	--project-primary: var(--px-blue-blue-70);
	--project-secondary: var(--px-gray-gray-90);
	--Container-primary-container: var(--px-blue-blue-70);
	--Container-on-primary-container: var(--px-gray-gray-10);
	--Container-secondary-container: var(--px-blue-blue-100);
	--Container-on-secondary-container: var(--px-gray-gray-10);
	--Container-tertiary-container: var(--px-purple-purple-50);
	--Container-on-tertiary-container: var(--px-blue-blue-100);
	--Container-quaternary-container: var(--px-blue-blue-10);
	--Container-quaternary-container-variant: var(--px-blue-blue-20);
	--Container-on-quaternary-container: var(--px-blue-blue-100);
	--Container-quinary-container: var(--px-purple-purple-40);
	--Container-quinary-container-variant: var(--px-purple-purple-70);
	--Container-on-quinary-container: var(--px-blue-blue-100);
	--Container-senary-container: var(--px-blue-blue-90);
	--Container-senary-container-variant: var(--px-blue-blue-100);
	--Container-on-senary-container: var(--px-blue-blue-40);
	--Container-septenary-container: var(--px-blue-blue-40);
	--Container-septenary-container-variant: var(--px-blue-blue-50);
	--Container-on-septenary-container: var(--px-blue-blue-100);
	--DIM-surface-dim: var(--px-gray-gray-40);
	--DIM-on-surface-dim: var(--px-gray-gray-50);
	--outlines-outline: var(--px-gray-gray-70);
	--outlines-outline-variant: var(--px-gray-gray-80);
	--outlines-outline-on-surface: var(--px-gray-gray-30);
	--outlines-outline-active: var(--project-primary);
	--outlines-outline-on-botton: var(--px-blue-blue-30);
	--outlines-outline-on-botton-variant: var(--px-blue-blue-50);
	--SystemAlert-error: #BA1A1AFF;
	--SystemAlert-attention: #D97043FF;
	--SystemAlert-neutral: #009DC4FF;

}