html {
	--orangePrimary: #fd6400;
	--orangeDark: #d44500;

	--white: #ffffff;
	--greyLight: #f2f2f2;
	--greyMid: #e2e2e2;
	--charcoal: #3a474e;
}

a {
	color: var(--charcoal);
}

.widget-wrapper {
	border-color: var(--greyMid);
}

.logos {
	background-color: var(--greyLight);
	border-color: var(--charcoal);
}

.disconnection-reason[hidden] {
	display: none;
}
.disconnection-reason {
	background-color: var(--greyMid);

	& .message {
		background-color: var(--white);
		color: var(--charcoal);
		border: 3px solid var(--orangePrimary);

		& button {
			background-color: var(--greyMid);
			border: var(--charcoal) solid 1px;
			color: var(--charcoal);

			&:hover,
			&:focus {
				background-color: var(--greyLight);
			}
		}
	}
}