/* TODO UPDATE VALUES */
:root {
    --noninteractive-background-primary: var(--neutral-50);
    --noninteractive-background-secondary: var(--neutral-0);
    --noninteractive-background-primary-inverse: var(--neutral-900);
    --noninteractive-background-brand: var(--blue-500);

    --noninteractive-border-primary: var(--neutral-0);
    --noninteractive-border-secondary: var(--neutral-500);

    --noninteractive-icon-primary: var(--neutral-900);
    --noninteractive-icon-primary-inverse: var(--neutral-50);

    --noninteractive-text-primary: var(--neutral-900);
    --noninteractive-text-secondary: var(--neutral-50);
    --noninteractive-text-tertiary: var(--neutral-600);
    --noninteractive-text-tertiary-inverse: var(--neutral-500);
    --text-white: var(--neutral-0);

    --interactive-background-default: var(--neutral-900);
    --interactive-background-hover: var(--neutral-700);
    --interactive-background-active: var(--neutral-500);
    --interactive-background-focus: var(--neutral-200);
    --interactive-background-inactive: var(--neutral-25);
    --interactive-background-brand: var(--blue-500);

    --interactive-border-default: var(--neutral-900);
    --interactive-border-hover: var(--neutral-700);
    --interactive-border-active: var(--neutral-600);
    --interactive-border-focus: var(--neutral-200);
    --interactive-border-inactive: var(--neutral-25);

    --interactive-border-default: var(--neutral-900);
    --interactive-border-default-inverse: var(--neutral-50);

    --interactive-text-default: var(--neutral-900);
    --interactive-text-default-inverse: var(--neutral-50);
    --interactive-text-secondary-inverse: var(--neutral-400);

    --system-progress-resting: var(--neutral-500);
    --system-progress-loading: var(--blue-500);
    --system-progress-active: var(--neutral-0);

    --system-support-warning-default: var(--neutral-0);
}