:root {
	--primary: #d4e09b;
	--secondary: #cbdfbd;
	--secondary-contrast: #E8DB99;
	--secondary-bg: #FCFCF2;
	--bg-primary: #f6f4d2;
	--tea: #cbdfbd;
	--chestnut: #a44a3f;

	--text: #121506;
}

body {
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25rem;
	margin: 0;
	background-color: var(--secondary-bg);
	color: var(--text);
}
::selection {
	background-color: var(--primary);
}
b, strong {
	font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Abril Fatface", cursive;
	font-weight: 400;
	color: var(--chestnut);
	margin: 0;
}
p {
	margin: 0;
}
a {
	text-decoration: underline;
	font-weight: 400;
	&[href] {
		color: var(--primary);
		
	}
	&:hover, &:active, &:focus {
		color: var(--chestnut);
	}
}

@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url(./fonts/Josefine-Sans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 100 700;
  font-display: swap;
  src: url(./fonts/Josefine-Sans-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/Abril-Fatface.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}