:root {
	--pk-color-canvas: #121212;
	--pk-color-surface: #161616;
	--pk-color-global-chrome: #000000;
	--pk-color-action: #6BC8CC;
	--pk-color-action-hover: #7FF3F7;
	--pk-color-text: #AFB2B1;
	--pk-color-text-muted: rgb(175 178 177 / 0.65);
	--pk-color-border: #AFB2B14D;
	--pk-color-error: #E5484D;

	--pk-font-family-ui: Montserrat, sans-serif;
	--pk-font-size-control: 14px;
	--pk-font-weight-control: 500;
	--pk-font-weight-button: 600;
	--pk-line-height-control: 20px;

	--pk-space-4: 4px;
	--pk-space-8: 8px;
	--pk-space-10: 10px;
	--pk-space-12: 12px;
	--pk-space-14: 14px;
	--pk-space-16: 16px;
	--pk-space-20: 20px;
	--pk-space-24: 24px;
	--pk-space-30: 30px;
	--pk-space-32: 32px;

	--pk-page-gutter-desktop: 30px;
	--pk-radius-surface: 4px;
	--pk-radius-input: 4px;
	--pk-radius-button: 3px;
	--pk-border-standard: 1px solid var(--pk-color-border);
	--pk-shadow-primary-container: 0 0 18px rgb(0 0 0 / 0.42), 0 6px 18px rgb(0 0 0 / 0.42);
	--pk-padding-primary-container: 20px;
	--pk-button-height: 36px;
	--pk-header-height-desktop: 72px;
	--pk-header-height-mobile: 60px;
	--pk-header-search-max-height: 180px;
	--pk-header-search-offset: 6px;
	--pk-layer-page: 0;
	--pk-layer-backdrop: 20;
	--pk-layer-overlay: 30;
	--pk-layer-header: 40;
	--pk-icon-size: 16px;
	--pk-icon-size-compact: 16px;
	--pk-icon-stroke-width: 1.25px;
	--pk-motion-duration: 0.25s;
	--pk-overlay-motion-duration: 0.325s;
	--pk-overlay-motion-easing: cubic-bezier(0.4, 0, 0.2, 1);
}