@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/playfair-display/playfair-display-latin-500-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/playfair-display/playfair-display-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/playfair-display/playfair-display-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/cormorant-garamond/cormorant-garamond-latin-500-italic.woff2") format("woff2");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/cormorant-garamond/cormorant-garamond-latin-600-italic.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/source-sans-3/source-sans-3-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/source-sans-3/source-sans-3-latin-500-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/source-sans-3/source-sans-3-latin-600-normal.woff2") format("woff2");
}

:root {
	--rpp-color-charcoal: #1a1a1a;
	--rpp-color-charcoal-deep: #111111;
	--rpp-color-gold: #c4a35a;
	--rpp-color-gold-hover: #b39148;
	--rpp-color-gold-muted: #d4bc84;
	--rpp-color-warm-white: #f7f4ef;
	--rpp-color-surface: #ffffff;
	--rpp-color-surface-muted: #f1eee8;
	--rpp-color-text: #1a1a1a;
	--rpp-color-text-muted: #6b6560;
	--rpp-color-border: #e6e1d8;
	--rpp-color-inverse: #ffffff;
	--rpp-color-overlay: rgba(17, 17, 17, 0.42);
	--rpp-color-focus: #c4a35a;

	--rpp-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
	--rpp-font-accent: "Cormorant Garamond", Georgia, serif;
	--rpp-font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

	--rpp-fs-hero: clamp(2.75rem, 5vw, 4.5rem);
	--rpp-fs-hero-accent: clamp(2.5rem, 4.5vw, 4rem);
	--rpp-fs-h1: clamp(2rem, 3vw, 2.75rem);
	--rpp-fs-h2: clamp(1.75rem, 2.4vw, 2.25rem);
	--rpp-fs-h3: 1.375rem;
	--rpp-fs-eyebrow: 0.75rem;
	--rpp-fs-body: 1.0625rem;
	--rpp-fs-meta: 0.875rem;
	--rpp-fs-nav: 0.8125rem;
	--rpp-fs-button: 0.8125rem;

	--rpp-space-1: 8px;
	--rpp-space-2: 16px;
	--rpp-space-3: 24px;
	--rpp-space-4: 32px;
	--rpp-space-5: 48px;
	--rpp-space-6: 64px;
	--rpp-space-7: 96px;
	--rpp-space-8: 128px;

	--rpp-width-content: 1240px;
	--rpp-width-header: 1320px;

	--rpp-radius-sm: 2px;
	--rpp-radius-md: 4px;
	--rpp-radius-lg: 8px;

	--rpp-shadow-card: 0 8px 24px rgba(17, 17, 17, 0.08);
	--rpp-shadow-search: 0 16px 40px rgba(17, 17, 17, 0.16);

	--rpp-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--rpp-duration: 220ms;

	--rpp-header-height: 88px;
}