@font-face {
	font-family: "Cabinet Grotesk";
	src: url("../fonts/cabinet-grotesk/CabinetGrotesk-Variable.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-Variable.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--pts-color-primary: #5b2346;
	--pts-color-primary-dark: #341226;
	--pts-color-primary-soft: #f5e6f0;
	--pts-color-primary-rgb: 91, 35, 70;
	--pts-color-accent: #d97745;
	--pts-color-accent-dark: #b85d31;
	--pts-color-accent-soft: #ffe4d2;
	--pts-color-accent-rgb: 217, 119, 69;
	--pts-color-gold: #f2b84b;
	--pts-color-gold-soft: #fff0c7;
	--pts-color-cream: #fff3e4;
	--pts-color-cream-2: #fff8ef;
	--pts-color-cream-3: #f8ead7;
	--pts-color-ink: #261622;
	--pts-color-muted: #7a6371;
	--pts-color-border: rgba(91, 35, 70, 0.14);
	--pts-color-white: #ffffff;
	--pts-shadow-soft: 0 28px 80px rgba(91, 35, 70, 0.14);
	--pts-shadow-card: 0 18px 45px rgba(91, 35, 70, 0.10);
	--pts-radius-sm: 14px;
	--pts-radius-md: 24px;
	--pts-radius-lg: 36px;
	--pts-radius-xl: 52px;
	--pts-radius-pill: 999px;
	--pts-font-heading: "Cabinet Grotesk", Arial, sans-serif;
	--pts-font-body: "Satoshi", Arial, sans-serif;
	--pts-header-height: 84px;
	--pts-header-height-tablet: 76px;
	--pts-header-height-mobile: 68px;
	--pts-container: 1180px;
	--pts-container-wide: 1320px;
	--pts-space-section: clamp(72px, 9vw, 126px);
}