.wp-child-theme-blogg-v4-act {
	--font-weight-text: 400;
	--font-weight-label: 500;
	--font-weight-heading: 600;

	--color-act-yellow-50: #FFF8BF;
	--color-act-yellow-100: #FFF280;
	--color-act-yellow-300: #FFE500;

	--color-act-blue-50: #EEF7FD;
	--color-act-blue-100: #DDEFFB;
	--color-act-blue-300: #BCDFF7;
	--color-act-blue-500: #4A96D2;
	--color-act-blue-700: #003A67;

	--color-brand-50: var(--color-orange-50);
	--color-brand-100: var(--color-orange-100);
	--color-brand-200: var(--color-orange-200);
	--color-brand-300: var(--color-orange-300);
	--color-brand-400: var(--color-orange-400);
	--color-brand-500: var(--color-orange-500);
	--color-brand-600: var(--color-orange-600);
	--color-brand-700: var(--color-orange-700);
	--color-brand-800: var(--color-orange-800);

	--color-opacity-brand-primary-008: rgba(79, 68, 62, 0.08);
	--color-opacity-brand-primary-016: rgba(79, 68, 62, 0.16);
	--color-opacity-brand-primary-024: rgba(79, 68, 62, 0.24);

	--color-opacity-brand-secondary-008: rgba(114, 105, 101, 0.08);
	--color-opacity-brand-secondary-016: rgba(114, 105, 101, 0.16);
	--color-opacity-brand-secondary-024: rgba(114, 105, 101, 0.24);

	--row-color-bg: var(--color-act-blue-50);

	--surface-color-primary-100: var(--color-act-blue-50);
	--surface-color-primary-200: var(--color-act-blue-50);
	--surface-color-primary-300: var(--color-act-blue-100);
	--surface-color-primary-400: var(--color-act-blue-50);
	--surface-color-background: var(--color-act-blue-50);
	--surface-color-text: var(--color-grey-700);

	--color-theme-primary-100: var(--color-act-blue-50);
	--color-theme-primary-200: var(--color-act-blue-50);
	--color-theme-primary-300: var(--color-act-blue-100);
	--color-theme-primary-400: var(--color-act-blue-100);
	--color-theme-secondary-100: var(--color-act-blue-50);
	--color-theme-secondary-200: var(--color-act-blue-100);

	--text-color-primary: var(--color-grey-700);
	--text-color-secondary: var(--color-grey-600);
	--text-color-tertiary: var(--color-grey-700);

	--input-border-color: var(--color-grey-700);
	--input-background-color-checked: var(--color-grey-700);
	--input-border-color-checked: var(--color-grey-700);
	--input-icon-color: var(--color-white);

	--border-color-primary: var(--color-grey-700);
	--border-color-secondary: var(--color-grey-300);
	--border-color-brand: var(--color-grey-700);
	--border-width: 4px;

	--button-primary-background-color: var(--color-grey-700);
	--button-primary-text-color: var(--color-white);
	--button-primary-background-color-hover: var(--color-grey-600);
	--button-primary-text-color-hover: var(--color-white);
	--button-primary-background-color-active: var(--color-grey-500);
	--button-primary-text-color-active: var(--color-white);

	--button-secondary-background-color: transparent;
	--button-secondary-text-color: var(--color-grey-700);
	--button-secondary-border-color: var(--color-grey-700);
	--button-secondary-background-color-hover: var(--color-grey-700);
	--button-secondary-text-color-hover: var(--color-white);
	--button-secondary-background-color-active: var(--color-grey-600);
	--button-secondary-text-color-active: var(--color-white);

	--button-tertiary-text-color: var(--color-grey-700);
	--button-tertiary-text-color-hover: var(--color-grey-700);
	--button-tertiary-text-color-active: var(--color-grey-700);

	--link-color-primary: var(--color-orange-700);
	--link-color-primary-hover: var(--color-orange-800);
	--link-color-primary-active: var(--color-orange-900);

	--link-color-secondary: var(--color-grey-700);
	--link-color-secondary-hover: var(--color-grey-700);
	--link-color-secondary-active: var(--color-grey-600);

	--avatar-background: var(--color-brand-700);
	--avatar-text: var(--color-brand-50);

	--navigation-main-background-color: var(--color-act-blue-50);
}