:root[data-theme='light'] {
	--background-block-primary: var(--color-neutral-0);
	--background-block-secondary: var(--color-neutral-50);
	--background-overlay: var(--color-neutral-100);
	--background-page: var(--color-neutral-50);
	--background-page-white: var(--color-neutral-0);
	--background-neutral-disabled: var(--color-neutral-200);
	--background-neutral-primary: var(--color-neutral-1000);
	--background-neutral-secondary: var(--color-neutral-700);
	--background-neutral-subtle: var(--color-neutral-100);
	--background-neutral-subtlest: var(--color-neutral-50);
	--background-neutral-white: var(--color-neutral-0);
	--background-primary: var(--color-primary-600);
	--background-primary-subtle: var(--color-primary-100);
	--background-primary-subtlest: var(--color-primary-50);
	--background-secondary: var(--color-secondary-600);
	--background-secondary-subtle: var(--color-secondary-200);
	--background-secondary-subtlest: var(--color-secondary-50);
	--background-status-error: var(--status-error);
	--background-status-error-subtle: var(--color-error-100);
	--background-status-error-subtlest: var(--color-error-50);
	--background-status-success: var(--status-success);
	--background-status-success-subtle: var(--color-success-100);
	--background-status-success-subtlest: var(--color-success-50);
	--background-status-warning: var(--status-warning);
	--background-status-warning-subtle: var(--color-warning-100);
	--background-status-warning-subtlest: var(--color-warning-50);
	--border-error: var(--color-error-600);
	--border-neutral: var(--color-neutral-700);
	--border-primary: var(--color-primary-600);
	--border-secondary: var(--color-secondary-600);
	--border-subtle: var(--color-neutral-300);
	--border-subtlest: var(--color-neutral-100);
	--border-success: var(--color-success-600);
	--border-warning: var(--color-warning-600);
	--border-disabled: var(--color-neutral-200);
	--border-error-disabled: var(--color-error-200);
	--border-primary-disabled: var(--color-primary-200);
	--border-secondary-disabled: var(--color-secondary-200);
	--border-success-disabled: var(--color-success-200);
	--border-warning-disabled: var(--color-warning-200);
	--button-outlined-error: var(--color-error-50);
	--button-outlined-error-active: var(--color-error-200);
	--button-outlined-error-hover: var(--color-error-100);
	--button-outlined-neutral: var(--color-neutral-50);
	--button-outlined-neutral-active: var(--color-neutral-200);
	--button-outlined-neutral-hover: var(--color-neutral-100);
	--button-outlined-primary: var(--color-primary-50);
	--button-outlined-primary-active: var(--color-primary-200);
	--button-outlined-primary-hover: var(--color-primary-100);
	--button-outlined-secondary: var(--color-secondary-50);
	--button-outlined-secondary-active: var(--color-secondary-200);
	--button-outlined-secondary-hover: var(--color-secondary-100);
	--button-outlined-success: var(--color-success-50);
	--button-outlined-success-active: var(--color-success-200);
	--button-outlined-success-hover: var(--color-success-100);
	--button-outlined-warning: var(--color-warning-50);
	--button-outlined-warning-active: var(--color-secondary-200);
	--button-outlined-warning-hover: var(--color-warning-100);
	--button-solid-disabled: var(--color-neutral-200);
	--button-solid-error: var(--color-error-600);
	--button-solid-error-active: var(--color-error-900);
	--button-solid-error-hover: var(--color-error-700);
	--button-solid-neutral: var(--color-neutral-900);
	--button-solid-neutral-active: var(--color-neutral-1000);
	--button-solid-neutral-hover: var(--color-neutral-700);
	--button-solid-primary: var(--color-primary-600);
	--button-solid-primary-active: var(--color-primary-900);
	--button-solid-primary-hover: var(--color-primary-700);
	--button-solid-secondary: var(--color-secondary-600);
	--button-solid-secondary-active: var(--color-secondary-600);
	--button-solid-secondary-hover: var(--color-secondary-400);
	--button-solid-success: var(--color-success-600);
	--button-solid-success-active: var(--color-success-900);
	--button-solid-success-hover: var(--color-success-700);
	--button-solid-warning: var(--color-warning-500);
	--button-solid-warning-active: var(--color-warning-500);
	--button-solid-warning-hover: var(--color-warning-400);
	--icon-default: var(--color-neutral-900);
	--icon-disabled: var(--color-neutral-300);
	--icon-error: var(--status-error);
	--icon-neutral: var(--color-neutral-600);
	--icon-secondary: var(--color-secondary-700);
	--icon-success: var(--status-success);
	--icon-warning: var(--color-warning-700);
	--icon-on-bold-black: var(--color-neutral-1000);
	--icon-on-bold-white: var(--color-neutral-0);
	--icon-on-subtle: var(--color-primary-600);
	--icon-white-fixed: var(--icon-on-bold-white);
	--interactive-active: var(--color-primary-600);
	--interactive-disabled: var(--color-neutral-200);
	--interactive-error: var(--color-error-600);
	--interactive-inactive: var(--color-neutral-500);
	--interactive-timer-error-solid: var(--color-error-800);
	--interactive-timer-error-subtle: var(--color-error-200);
	--interactive-timer-neutral-solid: var(--color-neutral-800);
	--interactive-timer-neutral-subtle: var(--color-neutral-200);
	--interactive-timer-primary-solid: var(--color-primary-800);
	--interactive-timer-primary-subtle: var(--color-primary-200);
	--interactive-timer-success-solid: var(--color-success-800);
	--interactive-timer-success-subtle: var(--color-success-200);
	--interactive-timer-warning-solid: var(--color-warning-500);
	--interactive-timer-warning-subtle: var(--color-warning-200);
	--status-error: var(--color-error-600);
	--status-focus: var(--color-focus-600);
	--status-success: var(--color-success-600);
	--status-visited: var(--color-visited-600);
	--status-warning: var(--color-warning-400);
	--text-primary-color: var(--color-primary-700);
	--text-primary-on-subtle: var(--color-primary-700);
	--text-secondary-color: var(--color-secondary-800);
	--text-black-fixed: var(--color-neutral-1000);
	--text-disabled: var(--color-neutral-300);
	--text-placeholder: var(--color-neutral-500);
	--text-primary: var(--color-neutral-950);
	--text-secondary: var(--color-neutral-700);
	--text-terciary: var(--color-neutral-500);
	--text-white: var(--color-neutral-0);
	--text-white-fixed: var(--color-neutral-0);
	--text-status-error: var(--color-error-700);
	--text-status-info: var(--color-primary-600);
	--text-status-success: var(--color-success-700);
	--text-status-warning: var(--color-warning-900);
}

@media (prefers-color-scheme: light) {
	html:not([data-theme]),
	html[data-theme='auto'] {
		--background-block-primary: var(--color-neutral-0);
		--background-block-secondary: var(--color-neutral-50);
		--background-overlay: var(--color-neutral-100);
		--background-page: var(--color-neutral-50);
		--background-page-white: var(--color-neutral-0);
		--background-neutral-disabled: var(--color-neutral-200);
		--background-neutral-primary: var(--color-neutral-1000);
		--background-neutral-secondary: var(--color-neutral-700);
		--background-neutral-subtle: var(--color-neutral-100);
		--background-neutral-subtlest: var(--color-neutral-50);
		--background-neutral-white: var(--color-neutral-0);
		--background-primary: var(--color-primary-600);
		--background-primary-subtle: var(--color-primary-100);
		--background-primary-subtlest: var(--color-primary-50);
		--background-secondary: var(--color-secondary-600);
		--background-secondary-subtle: var(--color-secondary-200);
		--background-secondary-subtlest: var(--color-secondary-50);
		--background-status-error: var(--status-error);
		--background-status-error-subtle: var(--color-error-100);
		--background-status-error-subtlest: var(--color-error-50);
		--background-status-success: var(--status-success);
		--background-status-success-subtle: var(--color-success-100);
		--background-status-success-subtlest: var(--color-success-50);
		--background-status-warning: var(--status-warning);
		--background-status-warning-subtle: var(--color-warning-100);
		--background-status-warning-subtlest: var(--color-warning-50);
		--border-error: var(--color-error-600);
		--border-neutral: var(--color-neutral-700);
		--border-primary: var(--color-primary-600);
		--border-secondary: var(--color-secondary-600);
		--border-subtle: var(--color-neutral-300);
		--border-subtlest: var(--color-neutral-100);
		--border-success: var(--color-success-600);
		--border-warning: var(--color-warning-600);
		--border-disabled: var(--color-neutral-200);
		--border-error-disabled: var(--color-error-200);
		--border-primary-disabled: var(--color-primary-200);
		--border-secondary-disabled: var(--color-secondary-200);
		--border-success-disabled: var(--color-success-200);
		--border-warning-disabled: var(--color-warning-200);
		--button-outlined-error: var(--color-error-50);
		--button-outlined-error-active: var(--color-error-200);
		--button-outlined-error-hover: var(--color-error-100);
		--button-outlined-neutral: var(--color-neutral-50);
		--button-outlined-neutral-active: var(--color-neutral-200);
		--button-outlined-neutral-hover: var(--color-neutral-100);
		--button-outlined-primary: var(--color-primary-50);
		--button-outlined-primary-active: var(--color-primary-200);
		--button-outlined-primary-hover: var(--color-primary-100);
		--button-outlined-secondary: var(--color-secondary-50);
		--button-outlined-secondary-active: var(--color-secondary-200);
		--button-outlined-secondary-hover: var(--color-secondary-100);
		--button-outlined-success: var(--color-success-50);
		--button-outlined-success-active: var(--color-success-200);
		--button-outlined-success-hover: var(--color-success-100);
		--button-outlined-warning: var(--color-warning-50);
		--button-outlined-warning-active: var(--color-secondary-200);
		--button-outlined-warning-hover: var(--color-warning-100);
		--button-solid-disabled: var(--color-neutral-200);
		--button-solid-error: var(--color-error-600);
		--button-solid-error-active: var(--color-error-900);
		--button-solid-error-hover: var(--color-error-700);
		--button-solid-neutral: var(--color-neutral-900);
		--button-solid-neutral-active: var(--color-neutral-1000);
		--button-solid-neutral-hover: var(--color-neutral-700);
		--button-solid-primary: var(--color-primary-600);
		--button-solid-primary-active: var(--color-primary-900);
		--button-solid-primary-hover: var(--color-primary-700);
		--button-solid-secondary: var(--color-secondary-600);
		--button-solid-secondary-active: var(--color-secondary-600);
		--button-solid-secondary-hover: var(--color-secondary-400);
		--button-solid-success: var(--color-success-600);
		--button-solid-success-active: var(--color-success-900);
		--button-solid-success-hover: var(--color-success-700);
		--button-solid-warning: var(--color-warning-500);
		--button-solid-warning-active: var(--color-warning-500);
		--button-solid-warning-hover: var(--color-warning-400);
		--icon-default: var(--color-neutral-900);
		--icon-disabled: var(--color-neutral-300);
		--icon-error: var(--status-error);
		--icon-neutral: var(--color-neutral-600);
		--icon-secondary: var(--color-secondary-700);
		--icon-success: var(--status-success);
		--icon-warning: var(--color-warning-700);
		--icon-on-bold-black: var(--color-neutral-1000);
		--icon-on-bold-white: var(--color-neutral-0);
		--icon-on-subtle: var(--color-primary-600);
		--icon-white-fixed: var(--icon-on-bold-white);
		--interactive-active: var(--color-primary-600);
		--interactive-disabled: var(--color-neutral-200);
		--interactive-error: var(--color-error-600);
		--interactive-inactive: var(--color-neutral-500);
		--interactive-timer-error-solid: var(--color-error-800);
		--interactive-timer-error-subtle: var(--color-error-200);
		--interactive-timer-neutral-solid: var(--color-neutral-800);
		--interactive-timer-neutral-subtle: var(--color-neutral-200);
		--interactive-timer-primary-solid: var(--color-primary-800);
		--interactive-timer-primary-subtle: var(--color-primary-200);
		--interactive-timer-success-solid: var(--color-success-800);
		--interactive-timer-success-subtle: var(--color-success-200);
		--interactive-timer-warning-solid: var(--color-warning-500);
		--interactive-timer-warning-subtle: var(--color-warning-200);
		--status-error: var(--color-error-600);
		--status-focus: var(--color-focus-600);
		--status-success: var(--color-success-600);
		--status-visited: var(--color-visited-600);
		--status-warning: var(--color-warning-400);
		--text-primary-color: var(--color-primary-700);
		--text-primary-on-subtle: var(--color-primary-700);
		--text-secondary-color: var(--color-secondary-800);
		--text-black-fixed: var(--color-neutral-1000);
		--text-disabled: var(--color-neutral-300);
		--text-placeholder: var(--color-neutral-500);
		--text-primary: var(--color-neutral-950);
		--text-secondary: var(--color-neutral-700);
		--text-terciary: var(--color-neutral-500);
		--text-white: var(--color-neutral-0);
		--text-white-fixed: var(--color-neutral-0);
		--text-status-error: var(--color-error-700);
		--text-status-info: var(--color-primary-600);
		--text-status-success: var(--color-success-700);
		--text-status-warning: var(--color-warning-900);
	}
}

:root[data-theme='dark'] {
	--background-block-primary: #1a1a1a; 
	--background-block-secondary: #1f1f1f; 
	--background-overlay: #242424; 
	--background-page: #121212; 
	--background-page-white: #1a1a1a; 
	--background-neutral-disabled: #1f1f1f; 
	--background-neutral-primary: #1f1f1f; 
	--background-neutral-secondary: #1a1a1a; 
	--background-neutral-subtle: #181818; 
	--background-neutral-subtlest: #161616; 
	--background-neutral-white: #121212; 
	--background-primary: var(--color-primary-600);
	--background-primary-subtle: var(--color-primary-950);
	--background-primary-subtlest: var(--color-primary-900);
	--background-secondary: var(--color-secondary-600);
	--background-secondary-subtle: var(--color-secondary-900);
	--background-secondary-subtlest: var(--color-secondary-900);
	--background-status-error: var(--status-error);
	--background-status-error-subtle: var(--color-error-950);
	--background-status-error-subtlest: var(--color-error-950);
	--background-status-success: var(--status-success);
	--background-status-success-subtle: var(--color-success-950);
	--background-status-success-subtlest: var(--color-success-950);
	--background-status-warning: var(--status-warning);
	--background-status-warning-subtle: var(--color-warning-950);
	--background-status-warning-subtlest: var(--color-warning-950);
	--border-error: var(--color-error-600);
	--border-neutral: #333333; 
	--border-primary: var(--color-primary-400); 
	--border-secondary: var(--color-secondary-400); 
	--border-subtle: #2a2a2a; 
	--border-subtlest: #242424; 
	--border-success: var(--color-success-600);
	--border-warning: var(--color-warning-600);
	--border-disabled: #1f1f1f; 
	--border-error-disabled: var(--color-error-800);
	--border-primary-disabled: var(--color-primary-800);
	--border-secondary-disabled: var(--color-secondary-800);
	--border-success-disabled: var(--color-success-800);
	--border-warning-disabled: var(--color-warning-800);
	--button-outlined-error: var(--color-error-950);
	--button-outlined-error-active: var(--color-error-900);
	--button-outlined-error-hover: var(--color-error-950);
	--button-outlined-neutral: var(--color-neutral-950);
	--button-outlined-neutral-active: var(--color-neutral-900);
	--button-outlined-neutral-hover: var(--color-neutral-950);
	--button-outlined-primary: var(--color-primary-1000);
	--button-outlined-primary-active: var(--color-primary-900);
	--button-outlined-primary-hover: var(--color-primary-950);
	--button-outlined-secondary: var(--color-secondary-900);
	--button-outlined-secondary-active: var(--color-secondary-900);
	--button-outlined-secondary-hover: var(--color-secondary-950);
	--button-outlined-success: var(--color-success-950);
	--button-outlined-success-active: var(--color-success-900);
	--button-outlined-success-hover: var(--color-success-950);
	--button-outlined-warning: var(--color-warning-950);
	--button-outlined-warning-active: var(--color-warning-900);
	--button-outlined-warning-hover: var(--color-secondary-950);
	--button-solid-disabled: var(--color-neutral-950);
	--button-solid-error: var(--color-error-600);
	--button-solid-error-active: var(--color-error-900);
	--button-solid-error-hover: var(--color-error-500);
	--button-solid-neutral: var(--color-neutral-900);
	--button-solid-neutral-active: var(--color-neutral-600);
	--button-solid-neutral-hover: var(--color-neutral-800);
	--button-solid-primary: var(--color-primary-600);
	--button-solid-primary-active: var(--color-primary-900);
	--button-solid-primary-hover: var(--color-primary-500);
	--button-solid-secondary: var(--color-secondary-600);
	--button-solid-secondary-active: var(--color-secondary-700);
	--button-solid-secondary-hover: var(--color-secondary-500);
	--button-solid-success: var(--color-success-700);
	--button-solid-success-active: var(--color-success-900);
	--button-solid-success-hover: var(--color-success-600);
	--button-solid-warning: var(--color-warning-600);
	--button-solid-warning-active: var(--color-warning-700);
	--button-solid-warning-hover: var(--color-warning-500);
	--icon-default: rgba(255, 255, 255, 0.87); 
	--icon-disabled: rgba(255, 255, 255, 0.38); 
	--icon-error: var(--color-error-300);
	--icon-neutral: rgba(255, 255, 255, 0.6); 
	--icon-secondary: var(--color-secondary-300); 
	--icon-success: var(--color-success-300);
	--icon-warning: var(--color-warning-300);
	--icon-on-bold-black: var(--color-neutral-1000);
	--icon-on-bold-white: var(--color-neutral-0);
	--icon-on-subtle: var(--color-primary-400);
	--icon-white-fixed: var(--icon-on-bold-white);
	--interactive-active: var(--color-primary-600);
	--interactive-disabled: var(--color-neutral-800);
	--interactive-error: var(--color-error-600);
	--interactive-inactive: var(--color-neutral-300);
	--interactive-timer-error-solid: var(--color-error-800);
	--interactive-timer-error-subtle: var(--color-error-900);
	--interactive-timer-neutral-solid: var(--color-neutral-600);
	--interactive-timer-neutral-subtle: var(--color-neutral-500);
	--interactive-timer-primary-solid: var(--color-primary-800);
	--interactive-timer-primary-subtle: var(--color-primary-800);
	--interactive-timer-success-solid: var(--color-success-800);
	--interactive-timer-success-subtle: var(--color-success-800);
	--interactive-timer-warning-solid: var(--color-warning-400);
	--interactive-timer-warning-subtle: var(--color-warning-900);
	--status-error: var(--color-error-600);
	--status-focus: var(--color-primary-400);
	--status-success: var(--color-success-600);
	--status-visited: var(--color-visited-300);
	--status-warning: var(--color-warning-300);
	--text-primary-color: var(--color-primary-200);
	--text-primary-on-subtle: var(--color-primary-200);
	--text-secondary-color: var(--color-secondary-600);
	--text-black-fixed: var(--color-neutral-1000);
	--text-disabled: rgba(255, 255, 255, 0.38); 
	--text-placeholder: rgba(255, 255, 255, 0.6); 
	--text-primary: rgba(255, 255, 255, 0.87); 
	--text-secondary: rgba(255, 255, 255, 0.6); 
	--text-terciary: rgba(255, 255, 255, 0.38); 
	--text-white: var(--color-neutral-1000);
	--text-white-fixed: var(--color-neutral-0);
	--text-status-error: var(--color-error-400);
	--text-status-info: var(--color-primary-400);
	--text-status-success: var(--color-success-400);
	--text-status-warning: var(--color-warning-200);
}

@media (prefers-color-scheme: dark) {
	html:not([data-theme]),
	html[data-theme='auto'] {
		--background-block-primary: #1a1a1a;
		--background-block-secondary: #1f1f1f;
		--background-overlay: #242424;
		--background-page: #121212;
		--background-page-white: #1a1a1a;
		--background-neutral-disabled: #1f1f1f;
		--background-neutral-primary: #1f1f1f;
		--background-neutral-secondary: #1a1a1a;
		--background-neutral-subtle: #181818;
		--background-neutral-subtlest: #161616;
		--background-neutral-white: #121212;
		--background-primary: var(--color-primary-600);
		--background-primary-subtle: var(--color-primary-950);
		--background-primary-subtlest: var(--color-primary-900);
		--background-secondary: var(--color-secondary-600);
		--background-secondary-subtle: var(--color-secondary-900);
		--background-secondary-subtlest: var(--color-secondary-900);
		--background-status-error: var(--status-error);
		--background-status-error-subtle: var(--color-error-950);
		--background-status-error-subtlest: var(--color-error-950);
		--background-status-success: var(--status-success);
		--background-status-success-subtle: var(--color-success-950);
		--background-status-success-subtlest: var(--color-success-950);
		--background-status-warning: var(--status-warning);
		--background-status-warning-subtle: var(--color-warning-950);
		--background-status-warning-subtlest: var(--color-warning-950);
		--border-error: var(--color-error-600);
		--border-neutral: #333333;
		--border-primary: var(--color-primary-400);
		--border-secondary: var(--color-secondary-400);
		--border-subtle: #2a2a2a;
		--border-subtlest: #242424;
		--border-success: var(--color-success-600);
		--border-warning: var(--color-warning-600);
		--border-disabled: #1f1f1f;
		--border-error-disabled: var(--color-error-800);
		--border-primary-disabled: var(--color-primary-800);
		--border-secondary-disabled: var(--color-secondary-800);
		--border-success-disabled: var(--color-success-800);
		--border-warning-disabled: var(--color-warning-800);
		--button-outlined-error: var(--color-error-950);
		--button-outlined-error-active: var(--color-error-900);
		--button-outlined-error-hover: var(--color-error-950);
		--button-outlined-neutral: var(--color-neutral-950);
		--button-outlined-neutral-active: var(--color-neutral-900);
		--button-outlined-neutral-hover: var(--color-neutral-950);
		--button-outlined-primary: var(--color-primary-1000);
		--button-outlined-primary-active: var(--color-primary-900);
		--button-outlined-primary-hover: var(--color-primary-950);
		--button-outlined-secondary: var(--color-secondary-900);
		--button-outlined-secondary-active: var(--color-secondary-900);
		--button-outlined-secondary-hover: var(--color-secondary-950);
		--button-outlined-success: var(--color-success-950);
		--button-outlined-success-active: var(--color-success-900);
		--button-outlined-success-hover: var(--color-success-950);
		--button-outlined-warning: var(--color-warning-950);
		--button-outlined-warning-active: var(--color-warning-900);
		--button-outlined-warning-hover: var(--color-secondary-950);
		--button-solid-disabled: var(--color-neutral-950);
		--button-solid-error: var(--color-error-600);
		--button-solid-error-active: var(--color-error-900);
		--button-solid-error-hover: var(--color-error-500);
		--button-solid-neutral: var(--color-neutral-900);
		--button-solid-neutral-active: var(--color-neutral-600);
		--button-solid-neutral-hover: var(--color-neutral-800);
		--button-solid-primary: var(--color-primary-600);
		--button-solid-primary-active: var(--color-primary-900);
		--button-solid-primary-hover: var(--color-primary-500);
		--button-solid-secondary: var(--color-secondary-600);
		--button-solid-secondary-active: var(--color-secondary-700);
		--button-solid-secondary-hover: var(--color-secondary-500);
		--button-solid-success: var(--color-success-700);
		--button-solid-success-active: var(--color-success-900);
		--button-solid-success-hover: var(--color-success-600);
		--button-solid-warning: var(--color-warning-600);
		--button-solid-warning-active: var(--color-warning-700);
		--button-solid-warning-hover: var(--color-warning-500);
		--icon-default: rgba(255, 255, 255, 0.87);
		--icon-disabled: rgba(255, 255, 255, 0.38);
		--icon-error: var(--color-error-300);
		--icon-neutral: rgba(255, 255, 255, 0.6);
		--icon-secondary: var(--color-secondary-300);
		--icon-success: var(--color-success-300);
		--icon-warning: var(--color-warning-300);
		--icon-on-bold-black: var(--color-neutral-1000);
		--icon-on-bold-white: var(--color-neutral-0);
		--icon-on-subtle: var(--color-primary-400);
		--icon-white-fixed: var(--icon-on-bold-white);
		--interactive-active: var(--color-primary-600);
		--interactive-disabled: var(--color-neutral-800);
		--interactive-error: var(--color-error-600);
		--interactive-inactive: var(--color-neutral-300);
		--interactive-timer-error-solid: var(--color-error-800);
		--interactive-timer-error-subtle: var(--color-error-900);
		--interactive-timer-neutral-solid: var(--color-neutral-600);
		--interactive-timer-neutral-subtle: var(--color-neutral-500);
		--interactive-timer-primary-solid: var(--color-primary-800);
		--interactive-timer-primary-subtle: var(--color-primary-800);
		--interactive-timer-success-solid: var(--color-success-800);
		--interactive-timer-success-subtle: var(--color-success-800);
		--interactive-timer-warning-solid: var(--color-warning-400);
		--interactive-timer-warning-subtle: var(--color-warning-900);
		--status-error: var(--color-error-600);
		--status-focus: var(--color-primary-400); 
		--status-success: var(--color-success-600);
		--status-visited: var(--color-visited-300);
		--status-warning: var(--color-warning-300);
		--text-primary-color: var(--color-primary-200);
		--text-primary-on-subtle: var(--color-primary-200);
		--text-secondary-color: var(--color-secondary-600);
		--text-black-fixed: var(--color-neutral-1000);
		--text-disabled: rgba(255, 255, 255, 0.38);
		--text-placeholder: rgba(255, 255, 255, 0.6);
		--text-primary: rgba(255, 255, 255, 0.87);
		--text-secondary: rgba(255, 255, 255, 0.6);
		--text-terciary: rgba(255, 255, 255, 0.38);
		--text-white: var(--color-neutral-1000);
		--text-white-fixed: var(--color-neutral-0);
		--text-status-error: var(--color-error-400);
		--text-status-info: var(--color-primary-400);
		--text-status-success: var(--color-success-400);
		--text-status-warning: var(--color-warning-200);
	}
}

:root {
	--corner-radius-none: var(--size-0);
	--corner-radius-2xs: var(--size-025);
	--corner-radius-xs: var(--size-050);
	--corner-radius-xs-nudge: var(--size-075);
	--corner-radius-s: var(--size-100);
	--corner-radius-s-nudge: var(--size-150);
	--corner-radius-m: var(--size-200);
	--corner-radius-m-nudge: var(--size-250);
	--corner-radius-l: var(--size-300);
	--corner-radius-xl: var(--size-400);
	--corner-radius-2xl: var(--size-500);
	--corner-radius-3xl: var(--size-600);
	--corner-radius-4xl: var(--size-700);
	--corner-radius-5xl: var(--size-800);
	--corner-radius-6xl: var(--size-900);
	--corner-radius-7xl: var(--size-1000);
	--corner-radius-8xl: var(--size-1500);
	--corner-radius-9xl: var(--size-2000);
	--font-size-xs: var(--size-150);
	--font-size-s: var(--size-175);
	--font-size-m: var(--size-200);
	--font-size-l: var(--size-225);
	--font-size-xl: var(--size-250);
	--font-size-2xl: var(--size-300);
	--font-size-3xl: var(--size-400);
	--font-size-4xl: var(--size-500);
	--font-size-5xl: var(--size-600);
	--font-size-6xl: var(--size-800);
	--height-2xs: var(--size-025);
	--height-xs: var(--size-050);
	--height-xs-nudge: var(--size-075);
	--height-s: var(--size-100);
	--height-s-nudge: var(--size-150);
	--height-m: var(--size-200);
	--height-m-nudge: var(--size-250);
	--height-l: var(--size-300);
	--height-xl: var(--size-400);
	--height-2xl: var(--size-500);
	--height-3xl: var(--size-600);
	--height-4xl: var(--size-700);
	--height-5xl: var(--size-800);
	--height-6xl: var(--size-900);
	--height-7xl: var(--size-1000);
	--height-8xl: var(--size-1500);
	--height-9xl: var(--size-2000);
	--height-component-xs: var(--size-300);
	--height-component-s: var(--size-400);
	--height-component-m: var(--size-500);
	--height-component-l: var(--size-600);
	--height-component-xl: var(--size-700);
	--height-line-xs: var(--size-225);
	--height-line-s: var(--size-262_5);
	--height-line-m: var(--size-300);
	--height-line-l: var(--size-337_5);
	--height-line-xl: var(--size-375);
	--height-line-2xl: var(--size-450);
	--height-line-3xl: var(--size-600);
	--icon-size-xs: var(--size-150);
	--icon-size-s: var(--size-175);
	--icon-size-m: var(--size-200);
	--icon-size-l: var(--size-225);
	--icon-size-xl: var(--size-250);
	--icon-size-2xl: var(--size-300);
	--icon-size-3xl: var(--size-400);
	--icon-size-4xl: var(--size-500);
	--icon-size-5xl: var(--size-600);
	--spacing-none: var(--size-0);
	--spacing-2xs: var(--size-025);
	--spacing-xs: var(--size-050);
	--spacing-xs-nudge: var(--size-075);
	--spacing-s: var(--size-100);
	--spacing-s-nudge: var(--size-150);
	--spacing-m: var(--size-200);
	--spacing-m-nudge: var(--size-250);
	--spacing-l: var(--size-300);
	--spacing-xl: var(--size-400);
	--spacing-2xl: var(--size-500);
	--spacing-3xl: var(--size-600);
	--spacing-4xl: var(--size-700);
	--spacing-5xl: var(--size-800);
	--spacing-6xl: var(--size-900);
	--spacing-7xl: var(--size-1000);
	--spacing-8xl: var(--size-1500);
	--spacing-9xl: var(--size-2000);
	--spacing-multiline-vertical-padding-xs: var(--size-037_5);
	--spacing-multiline-vertical-padding-s: var(--size-068_75);
	--spacing-multiline-vertical-padding-m: var(--size-100);
	--spacing-multiline-vertical-padding-l: var(--size-131_25);
	--spacing-multiline-vertical-padding-xl: var(--size-162_5);
}

:root {
	--color-primary-50: rgb(243, 247, 252);
	--color-primary-100: rgb(229, 238, 249);
	--color-primary-200: rgb(197, 219, 242);
	--color-primary-300: rgb(147, 189, 230);
	--color-primary-400: rgb(89, 155, 215);
	--color-primary-500: rgb(51, 127, 196);
	--color-primary-600: rgb(35, 98, 162);
	--color-primary-700: rgb(30, 80, 134);
	--color-primary-800: rgb(29, 69, 111);
	--color-primary-900: rgb(29, 60, 93);
	--color-primary-950: rgb(19, 38, 62);
	--color-primary-1000: rgb(15, 31, 51);
	--color-primary-1050: rgb(4, 10, 21);
	--color-primary-1100: rgb(1, 4, 9);
	--color-secondary-50: rgb(255, 249, 233);
	--color-secondary-100: rgb(255, 246, 225);
	--color-secondary-200: rgb(254, 240, 208);
	--color-secondary-300: rgb(253, 225, 161);
	--color-secondary-400: rgb(255, 207, 116);
	--color-secondary-500: rgb(251, 195, 66);
	--color-secondary-600: rgb(250, 180, 19);
	--color-secondary-700: rgb(200, 144, 15);
	--color-secondary-800: rgb(175, 122, 0);
	--color-secondary-900: rgb(74, 52, 3);
	--color-secondary-950: rgb(61, 43, 0);
	--color-secondary-1000: rgb(21, 15, 0);
	--color-neutral-0: rgb(255, 255, 255);
	--color-neutral-50: rgb(246, 246, 246);
	--color-neutral-100: rgb(231, 231, 231);
	--color-neutral-200: rgb(209, 209, 209);
	--color-neutral-300: rgb(176, 176, 176);
	--color-neutral-400: rgb(136, 136, 136);
	--color-neutral-500: rgb(109, 109, 109);
	--color-neutral-600: rgb(93, 93, 93);
	--color-neutral-700: rgb(79, 79, 79);
	--color-neutral-800: rgb(69, 69, 69);
	--color-neutral-900: rgb(59, 59, 59);
	--color-neutral-950: rgb(38, 38, 38);
	--color-neutral-1000: rgb(0, 0, 0);
	--color-neutral-transparent: rgba(255, 255, 255, 0);
	--color-error-50: rgb(254, 242, 242);
	--color-error-100: rgb(253, 227, 227);
	--color-error-200: rgb(252, 204, 204);
	--color-error-300: rgb(248, 169, 169);
	--color-error-400: rgb(243, 118, 118);
	--color-error-500: rgb(232, 75, 75);
	--color-error-600: rgb(198, 40, 40);
	--color-error-700: rgb(179, 34, 34);
	--color-error-800: rgb(148, 32, 32);
	--color-error-900: rgb(123, 33, 33);
	--color-error-950: rgb(67, 12, 12);
	--color-success-50: rgb(243, 250, 243);
	--color-success-100: rgb(226, 246, 227);
	--color-success-200: rgb(199, 235, 201);
	--color-success-300: rgb(155, 218, 158);
	--color-success-400: rgb(103, 193, 107);
	--color-success-500: rgb(66, 165, 71);
	--color-success-600: rgb(46, 125, 50);
	--color-success-700: rgb(42, 107, 45);
	--color-success-800: rgb(38, 85, 41);
	--color-success-900: rgb(32, 71, 36);
	--color-success-950: rgb(13, 38, 15);
	--color-warning-50: rgb(254, 251, 232);
	--color-warning-100: rgb(254, 247, 195);
	--color-warning-200: rgb(254, 237, 138);
	--color-warning-300: rgb(253, 216, 53);
	--color-warning-400: rgb(250, 198, 21);
	--color-warning-500: rgb(234, 173, 8);
	--color-warning-600: rgb(202, 133, 4);
	--color-warning-700: rgb(228, 148, 0);
	--color-warning-800: rgb(190, 125, 2);
	--color-warning-900: rgb(107, 74, 13);
	--color-warning-950: rgb(67, 46, 6);
	--color-warning-1000: rgb(42, 27, 0);
	--color-focus-300: rgb(108, 174, 244);
	--color-focus-600: rgb(0, 123, 255);
	--color-visited-300: rgb(196, 167, 230);
	--color-visited-600: rgb(103, 50, 158);
	--color-visited-700: rgb(96, 48, 107);
	--size-0: 0rem;
	--size-025: 0.125rem;
	--size-037_5: 0.1875rem;
	--size-050: 0.25rem;
	--size-068_75: 0.34375rem;
	--size-075: 0.375rem;
	--size-100: 0.5rem;
	--size-131_25: 0.65625rem;
	--size-150: 0.75rem;
	--size-162_5: 0.8125rem;
	--size-175: 0.875rem;
	--size-200: 1rem;
	--size-225: 1.125rem;
	--size-250: 1.25rem;
	--size-262_5: 1.3125rem;
	--size-300: 1.5rem;
	--size-337_5: 1.6875rem;
	--size-375: 1.875rem;
	--size-400: 2rem;
	--size-450: 2.25rem;
	--size-500: 2.5rem;
	--size-600: 3rem;
	--size-700: 3.5rem;
	--size-800: 4rem;
	--size-900: 4.5rem;
	--size-1000: 5rem;
	--size-1500: 7.5rem;
}