:root {
	/*MAIN colors for text and navigation support */	
	--color-primary: #035a95;
        --color-accent: #6f2764;

	/*CONTENT styling*/
	--color-background: #035a95;
	--color-surface: #ffffff;
	--color-backface: #f5f5f5;
	--color-on-primary: #ffffff;
	--color-on-surface: #202020;

	/* LINKS styling*/
	--color-link: #3d5c76;
	--color-link-hover: #043f48;

	/* HEADER banner for Portal, Enrolment, Pwd reset etc*/	
	--color-header-background: #035a95;
	--color-header-text: #ffffff;
	--color-progress-filled: #035a95;


	/* BUTTON styling*/
	--color-button-background-hover: #035a95;
	--color-button-background: #ffffff;
	--color-button-text-hover: #ffffff;
	--color-button-text: #035a95;
	--button-border: 2px solid #3d5c76;
	--button-border-hover: 2px solid #3d5c76;
	--color-button-text-disabled: #ffffff;
	--color-button-background-disabled: #87a9c5;
	--button-radius: 0.2rem;
	
	/* BACKGROUND image for authentication*/	
	--background-image: url("illustration.jpg") no-repeat center/cover;

	/* SPINNER used for BankID, Freja, Fortified ID app and Passkey. Note, top is transparent*/
	--color-loader-indicator-top: rgb(252, 231, 201);
        --color-loader-indicator-middle: #6f2764;                                                                             
        --color-loader-indicator-bottom: #035a95;                                                                             
}

button.flex {
  font-size: 1.4rem;
}