@import "./_import.css";

html {
	--c-typo-primary: var(--color-grey-900);
	--c-typo-primary-on-dark: var(--color-white);
	--c-typo-secondary: var(--color-grey-500);
	--c-typo-secondary-on-dark: var(--color-grey-400);
	--c-typo-error: var(--color-decoration-Fail);
	--c-typo-disabled: var(--color-grey-400);
	--c-typo-on-a: var(--color-white);
	--c-typo-on-b: var(--color-white);
	--c-typo-on-c: var(--color-white);
	--c-typo-on-bg-light: var(--c-typo-secondary);
	--c-typo-on-success: var(--color-white);
	--c-typo-on-warning: hsl(0deg 0% 0% / 90%);
	--c-typo-on-error: var(--color-white);

	--c-decoration-divider: var(--color-grey-900);
	--c-decoration-bg: var(--color-white);
	--c-decoration-bg-light: var(--color-grey-100);
	--c-decoration-bg-dark: var(--color-grey-900);
	--c-decoration-disabled: var(--color-grey-300);
	--c-decoration-success: var(--color-decoration-Success);
	--c-decoration-warning: var(--color-orange-light);
	--c-decoration-error: var(--color-decoration-Fail);
	--c-decoration-error-disabled: var(--color-decoration-FailLighter);

	--c-a: var(--color-orange);
	--c-a-light: var(--color-orange-light);
	--c-a-dark: hsl(15 78% 44% / 1);
	--c-b: var(--color-blue);
	--c-b-light: var(--color-blue-light);
	--c-b-dark: var(--color-blue-dark);
	--c-c: var(--color-green);
	--c-c-light: var(--color-green-light);
}