:root {
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 96px;
	--space-9: 120px;
	--space-10: 144px;

	--font-family-sans: DM Sans;
	--font-family-serif: Cormorant Garamond;

	--font-size-0: 12px;
	--font-size-1: 14px;
	--font-size-2: 16px;
	--font-size-3: 18px;
	--font-size-4: 20px;
	--font-size-5: 24px;
	--font-size-6: 30px;
	--font-size-7: 36px;
	--font-size-8: 48px;
	--font-size-9: 60px;
	--font-size-10: 72px;

	--headline-line-height: 1.25em;
	--paragraph-line-height: 1.5em;

	--white: #fff;
	--black: #101112;
	--gray-200: #ced2d9;
	--gray-600: #6e7683;
	--blue-600: #1e61cd;
	--accent: #f9d7eb;

	--slide-spacer: 24px;
	--slide-width: clamp(200px, 12vw, 400px);
	--slide-count: 2;
	--time-per-slide: 10s;
}

/* Global Styles */

* {
	box-sizing: border-box;
}

html {
	background-color: var(--white);
	font-family: var(--font-family-sans), var(--font-family-serif), sans-serif;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	margin: 0;
	color: var(--black);
	display: flex;
	justify-content: center;
}

h1,
h2,
h3,
p {
	margin: 0;
	font-optical-sizing: auto;
	text-wrap: balance;
}

a,
img,
svg {
	display: block;
}

img {
	width: 100%;
	object-fit: cover;
}

li {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
a:focus {
	outline: 2px solid var(--blue-600);
	outline-offset: 2px;
}
a:focus:not(:focus-visible) {
	outline: none;
}