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

/* Tokens* - lumoos */
:root {
	--surfacePrimary-surface-primary: var(--Neutral-white);
	--surfacePrimary-on-surface-primary: var(--Neutral-Black);
	--surfacePrimary-on-surface-primary-variant: var(--LMS-blue-blue-90);
	--surfaceContainers-surface-container-lowest: var(--LMS-gray-gray-10);
	--surfaceContainers-surface-container-low: var(--LMS-gray-gray-20);
	--surfaceContainers-surface-container: var(--LMS-gray-gray-30);
	--surfaceContainers-surface-container-highest: var(--LMS-gray-gray-50);
	--surfaceContainers-surface-container-deep: var(--LMS-purple-purple-100);
	--surfaceContainers-on-surface-container-deep: var(--LMS-gray-gray-20);
	--surfaceContainers-on-surface-container: var(--LMS-gray-gray-100);
	--surfaceContainers-on-surface-container-variant: var(--LMS-gray-gray-80);
	--project-primary: var(--LMS-pink-pink-60);
	--project-secondary: var(--LMS-blue-blue-90);
	--Container-primary-container: var(--LMS-blue-blue-90);
	--Container-on-primary-container: var(--Neutral-white);
	--Container-secondary-container: var(--LMS-blue-blue-100);
	--Container-on-secondary-container: var(--LMS-blue-blue-10);
	--Container-tertiary-container: var(--LMS-pink-pink-60);
	--Container-on-tertiary-container: var(--Neutral-white);
	--Container-quaternary-container: var(--LMS-blue-blue-20);
	--Container-quaternary-container-variant: var(--LMS-blue-blue-30);
	--Container-on-quaternary-container: var(--LMS-blue-blue-90);
	--Container-quinary-container: var(--LMS-pink-pink-40);
	--Container-quinary-container-variant: var(--LMS-pink-pink-40);
	--Container-on-quinary-container: var(--Neutral-white);
	--Container-senary-container: var(--LMS-pink-pink-40);
	--Container-senary-container-variant: var(--LMS-pink-pink-90);
	--Container-on-senary-container: var(--LMS-purple-purple-10);
	--Container-septenary-container: var(--LMS-purple-purple-20);
	--Container-septenary-container-variant: var(--LMS-purple-purple-30);
	--Container-on-septenary-container: var(--LMS-purple-purple-90);
	--DIM-surface-dim: var(--LMS-gray-gray-40);
	--DIM-on-surface-dim: var(--LMS-gray-gray-50);
	--outlines-outline: var(--LMS-gray-gray-40);
	--outlines-outline-variant: var(--LMS-gray-gray-80);
	--outlines-outline-on-surface: var(--LMS-gray-gray-30);
	--outlines-outline-active: var(--LMS-pink-pink-40);
	--outlines-outline-on-botton: var(--LMS-pink-pink-20);
	--outlines-outline-on-botton-variant: var(--LMS-pink-pink-30);
	--SystemAlert-error: #ba1a1aff;
	--SystemAlert-attention: #d97043ff;
	--SystemAlert-neutral: #009dc4ff;
	--SystemAlert-neutral-toasty: #e5ebf5ff;
	--SystemAlert-neutral-toasty-complementary: #9bb7e9ff;
	--netral-toasty: #ffffffff;
	--Neutral-white: #fff;
	--Neutral-black: #000;
}