:root {
	/* Älmhult palette based on live site CSS */
	--color-primary: #355f49;
	--color-accent: #477e62;

	/* Content styling */
	--color-background: #dae6e0;
	--color-surface: #ffffff;
	--color-backface: #ecf2ef;
	--color-on-primary: #ffffff;
	--color-on-surface: #03310f;

	/* Links */
	--color-link: #03310f;
	--color-link-hover: #244d38;

	/* Header banner for Portal, Enrolment, Password Reset, etc. */
	--color-header-background: #355f49;
	--color-header-text: #ffffff;
	--color-progress-filled: #355f49;

	/* Button styling */
	--color-button-background: #355f49;
	--color-button-background-hover: #244d38;
	--color-button-text: #ffffff;
	--color-button-text-hover: #ffffff;
	--button-border: 1px solid #355f49;
    --button-border-hover: 1px solid #244d38;
	--color-button-text-disabled: #ffffff;
	--color-button-background-disabled: #9fbbad;
	--button-radius: 0rem;

	/* Secondary button styling */
	--color-button-secondary-background: transparent;
    --color-button-secondary-background-hover: transparent;
    --color-button-secondary-text: var(--color-on-surface);
    --color-button-secondary-text-hover: var(--color-on-surface);
    --color-button-secondary-background-disabled: transparent;
    --color-button-secondary-text-disabled: #9ca3af;
    --button-secondary-border: 1px solid #d1d5db;
    --button-secondary-border-hover: 1px solid #9ca3af;
    --button-secondary-border-disabled: 1px solid #e5e7eb;

	/* Background image for authentication */
	--background-image: url("background.svg") no-repeat center center/cover fixed;

	/* Spinner used for BankID, Freja, Fortified ID app and Passkey. */
	--color-loader-indicator-top: rgb(124, 124, 124);
	--color-loader-indicator-middle: #477e62;
	--color-loader-indicator-bottom: #355f49;
}