:root {
	--pk-black: #040507;
	--pk-graphite: #0a0c10;
	--pk-white: #f3f2f1;
	--pk-gray: #b0b2b8;
	--pk-red: #ea1f35;
	--pk-surface: #111419;
	--pk-surface-soft: rgba(255, 255, 255, 0.04);
	--pk-border: rgba(255, 255, 255, 0.1);
	--pk-shadow: 0 2rem 5.625rem rgba(0, 0, 0, 0.4);

	--pk-font-sans: Arial, Helvetica, sans-serif;
	--pk-font-serif: Georgia, "Times New Roman", serif;
	--pk-text-display: clamp(4.25rem, 9vw, 8.75rem);
	--pk-text-h1: clamp(3.25rem, 7vw, 7rem);
	--pk-text-h2: clamp(2.75rem, 5.5vw, 5.25rem);
	--pk-text-h3: clamp(1.75rem, 3vw, 2.5rem);
	--pk-text-lead: clamp(1.1875rem, 2vw, 1.625rem);
	--pk-text-body: 1rem;
	--pk-text-label: 0.6875rem;
	--pk-text-meta: 0.75rem;

	--pk-container: 76rem;
	--pk-container-wide: 90rem;
	--pk-gutter: clamp(1rem, 4vw, 4rem);
	--pk-space-2xs: 0.375rem;
	--pk-space-xs: 0.75rem;
	--pk-space-sm: 1rem;
	--pk-space-md: 1.5rem;
	--pk-space-lg: 2.25rem;
	--pk-space-xl: 3.5rem;
	--pk-space-2xl: clamp(5rem, 9vw, 8rem);
	--pk-space-3xl: clamp(6.5rem, 12vw, 11rem);

	--pk-radius-sm: 0.25rem;
	--pk-radius-md: 0.75rem;
	--pk-radius-lg: 1.25rem;
	--pk-radius-round: 999px;
	--pk-transition: 220ms cubic-bezier(0.2, 0.75, 0.2, 1);
	--pk-header-height: 6.25rem;
}

@media (max-width: 47.99rem) {
	:root {
		--pk-header-height: 5rem;
	}
}