@font-face {
	font-family: 'Avigea';
	src: url('fonts/Avigea.woff2') format('woff2'),
		 url('fonts/Avigea.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

html {
	font-size: 16px;
}

:root {
	--body: "Inter", system-ui, sans-serif;
	--mono: ui-monospace, monospace;
	--heading: 'Avigea', sans-serif;
	
	--body-s: 1rem;
	--body-m: clamp(1.25rem, 1.1667rem + 0.4167vi, 1.5rem);
	--body-l: clamp(1.875rem, 1.75rem + 0.625vi, 2.25rem);
	
	--h6: 0.875rem;
	--h5: clamp(1.25rem, 1.1667rem + 0.4167vi, 1.5rem);
	--h4: clamp(1.875rem, 1.75rem + 0.625vi, 2.25rem);
	--h3: clamp(2.5rem, 2.3333rem + 0.8333vi, 3rem);
	--h2: clamp(3.5rem, 3.1667rem + 1.6667vi, 4.5rem);
	--h1: clamp(3.375rem, 2.462rem + 4.5652vi, 6rem);
	--h0: clamp(7rem, 6.3333rem + 3.3333vi, 9rem);
}

body {
	font-size: var(--body-s);
	font-family: var(--body);
	font-weight: 300;
	line-height: 1.2;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--heading);
	font-weight: normal;
	text-wrap: balance;
	line-height: 1.1;
	
	& span {
		font-family: var(--body);
		font-weight: inherit;
		display: block;
	}
}

.h0     { font-size: var(--h0); }
h1, .h1 { font-size: var(--h1); }
h2, .h2 { font-size: var(--h0); }
h3, .h3 { font-size: var(--h3); }
h4, .h4 { font-size: var(--h4); }
h5, .h5 { font-size: var(--h5); }
h6, .h6 { font-size: var(--h6); }

h1, h2, h3, h4, h5, h6 {
	margin-top: 1.6em;
	margin-bottom: 0.8em;
	text-wrap: balance;
}

h2 {
	display: flex;
	align-items: center;
	gap: .1em;
	font-family: var(--body);
	
	& span {
		opacity: 0.4;
	}
	
	& b {
		font-size: var(--h6);
		text-transform: uppercase;
	}
}

h5, h6 {
	font-family: var(--body);
	margin-bottom: 0.4em;
	font-weight: bold;
}

h5 + p, h6 + p {
	margin-top: 0;
}

h6 {
	text-transform: uppercase;
}

h1:first-child, h2:first-child, h3:first-child, 
h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}

h6 + h1, h6 + h2, h6 + h3, h6 + h4 {
	margin-top: 0;
}

p, li {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	line-height: 1.6;
}

.bigger {
	font-size: 1.2em;
}

.smaller {
	font-size: 0.85em;
}

li {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

th, td {
	line-height: 1.5;
}

strong, b, .b {
	font-weight: 700;
}

blockquote {
	clear: both;
	margin-left: 0;
	background-color: #0001;
	padding: 1em;
	font-size: 1.25em;
	font-style: italic;
}

figcaption {
	font-size: smaller;
	text-align: inherit;
	line-height: 1.4;
	text-wrap:balance;
}

code, pre {
	font-family: var(--mono);
}