@font-face {
	font-family: "Montserrat";
	src: url("/Montserrat.ttf");
}

* {
	--fg-default: #000;
	--bg-default: #fff;
	--accent: #055E97;
	--bg-primary-action: #055E97;
	--fg-primary-action: #fff;

	--color-payment-pending: #f5de4e;
	--color-cancelled: #ed594e;
	--color-used: #4e8ff5;
	--color-valid: #14f523;

	font-family: "Montserrat", sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
}

.button {
	cursor: pointer;
	border: 1px solid var(--fg-default);
	border-radius: 8px;
}

.button.primary {
	background-color: var(--bg-primary-action);
	color: var(--fg-primary-action);
	border-color: var(--fg-primary-action);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}