/* Primitives */
:root {
  --background-interactive-primary-default: var(--color-brand-green-600-main);
  --background-interactive-primary-hover: var(--color-brand-green-500);
  --background-interactive-primary-active: var(--color-brand-green-700);

  --background-interactive-secondary-default: var(--color-brand-blue-50);
  --background-interactive-secondary-hover: var(--color-brand-blue-100);
  --background-interactive-secondary-active: var(--color-brand-blue-800);

  --background-interactive-tertiary-default: var(--color-purple-600-main);
  --background-interactive-tertiary-hover: var(--color-purple-500);
  --background-interactive-tertiary-active: var(--color-purple-700);

  --background-interactive-warning-default: var(--color-red-600-main);
  --background-interactive-warning-hover: var(--color-red-600-main);
  --background-interactive-warning-active: var(--color-red-600-main);

  --background-interactive-disabled: var(--color-neutral-100);

  --background-interactive-input-active-border: var(
    --color-brand-green-600-main
  );
  --background-interactive-input-hover-border: var(--color-brand-blue-200);

  --background-static-neutral-white: var(--color-neutral-white);
  --background-static-neutral-background: var(--color-neutral-100);

  --text-neutral-text: var(--color-neutral-900);
  --text-neutral-subline: var(--color-brand-blue-600);

  --text-onbutton-onprimary: var(--color-neutral-white);
  --text-onbutton-onsecondary: var(--color-brand-blue-900-main);
  --text-onbutton-onsecondary-active: var(--color-neutral-white);
  --text-onbutton-disabled: var(--color-neutral-400);
}