:root {
	/* COLORS */
	--blue-100: #1A1B25;
	
	/* SEMANTIC COLOR VARIABLES */
	--color-default-bg: var(--blue-100);
	--color-primary-text: #fff;
	--color-secondary-text: #707070;
	
	/* FONTS */
	--bodoni: "Bodoni 72 Oldstyle", "Bodoni 72", "Bodoni", "Bodoni MT", serif;
	--avenir: "Avenir Next", Avenir, system-ui;
	
	/* TYPOGRAPHY */
	--type-style-heading-1: 400 48px/56px var(--bodoni);
	--type-style-body-xl: 500 32px/44px var(--avenir);
	--type-style-body: 500 17px/24px var(--avenir);
	}

body {
	font: var(--type-style-body);
	color: var(--color-primary-text);
	background: var(--color-default-bg);
	}
h1 {
	margin: 1.5em 0;
	font: var(--type-style-heading-1);
	}
h3 {
	font: var(--type-style-body-xl);
	}

section {
	padding: 40px;
	}

section#hero-section {
	padding-top: 80px;
	
	img#r-logo {
	display: block;
	width: 160px;
	height: 160px;
	}
	
	h3 {
		img.heart {
			display: inline-block;
			margin-right: .25em;
			width: 28px;
		}
	}
}