html {
	/* Text colors */
	--txt-brand: var(--c-beck-red);
	--txt-default: var(--c-grey-800);
	--txt-light: var(--c-white);
	--txt-subtle: var(--c-grey-600);
	--txt-primary: var(--c-red-600);
	--txt-gentle: var(--c-grey-700);
	--txt-dachzeile: var(--c-red-700);
	--txt-segmentheadline: var(--c-grey-800);
	--txt-inactive: var(--c-grey-500);
	--txt-gentle-inv: var(--c-grey-200);
	--txt-subtle-inv: var(--c-grey-400);
	--txt-inactive-inv: var(--c-grey-500);
	--txt-error: var(--c-functional-red-500);
	--txt-inactive-alpha: var(--c-alpha-black-400);
	--txt-inactive-inv-alpha: var(--c-alpha-white-500);

	/* Background colors */
	--bg-brand: var(--c-beck-red);
	--bg-primary: var(--c-red-600);
	--bg-primary: var(--c-red-600);
	--bg-secondary: var(--c-grey-800);
	--bg-surface: var(--c-grey-150);
	--bg-surface-active: var(--c-grey-200);
	--bg-surface-hover: var(--c-grey-350);
	--bg-inverted: var(--c-white);
	--bg-njw-light: var(--c-orange-100);
	--bg-njw-dark: var(--c-orange-600);
	--bg-subtle: var(--c-grey-250);
	--bg-hover-alpha: var(--c-alpha-black-050);
	--bg-pressed-alpha: var(--c-alpha-black-100);
	--bg-hover-alpha-inv: var(--c-alpha-white-100);
	--bg-pressed-alpha-inv: var(--c-alpha-white-200);
	--bg-hover-primary: var(--c-red-500);
	--bg-pressed-primary: var(--c-red-700);
	--bg-hover-secondary: var(--c-grey-700);
	--bg-pressed-secondary: var(--c-black);
	--bg-hover-tag: var(--c-grey-350);
	--bg-pressed-tag: var(--c-grey-400);
	--bg-footer: var(--c-grey-800);

	/* Border colors */
	--border-color-brand: var(--c-beck-red);
	--border-color-default: var(--c-grey-400);
	--border-color-strong: var(--c-grey-800);
	--border-color-subtle: var(--c-grey-300);
	--border-color-gentle: var(--c-grey-600);
	--border-color-light: var(--c-white);
	--border-color-error: var(--c-functional-red-500);
	--border-color-focus: var(--c-functional-blue-500);
}