@font-face {
	font-family: "Geist";
	src: url("/Geist.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--primary: #035bc0;
	--pico-primary-background: var(--primary) !important;
	--pico-font-family: "Geist", system-ui, sans-serif;
}

.hero {
	max-width: 30em;
	margin-inline: auto;
	padding-block: 2em;
	text-align: center;
	
	h1 {
		font-size: 3em;
	}

	.highlight {
		color: var(--primary);
	}
}

.packages {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1em;
	
	article {
		header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			
			.date {
				font-size: 0.8em;
				font-weight: 700;
			}
		}
		
		p {
			margin-bottom: 0.5em;
		}

		footer {
			display: flex;
			justify-content: space-between;
			
			.price {
				display: flex;
				flex-direction: column;

				.value {
					font-size: 1.4em;
					font-weight: 700;
					margin-bottom: -0.2em;
				}

				.description {
					font-size: 0.8em;
					opacity: 0.8;
				}
			}			
		}
	}
}