:root {
	--privy-border-radius-sm: 6px;
	--privy-border-radius-md: 12px;
	--privy-border-radius-mdlg: 16px;
	--privy-border-radius-lg: 24px;
	--privy-border-radius-full: 9999px;
	--privy-color-background: hsl(240, 14%, 7%);
	--privy-color-background-2: hsl(240, 14%, 18%);
	--privy-color-background-3: hsl(240, 14%, 23%);
	--privy-color-foreground: hsl(240, 14%, 94%);
	--privy-color-foreground-2: hsl(240, 14%, 82%);
	--privy-color-foreground-3: hsl(0, 0%, 52%);
	--privy-color-foreground-4: hsl(0, 0%, 32%);
	--privy-color-foreground-accent: hsl(0, 0%, 100%);
	--privy-color-accent: hsl(227, 94%, 58%);
	--privy-color-accent-light: hsl(227, 94%, 73%);
	--privy-color-accent-lightest: hsl(227, 94%, 83%);
	--privy-color-accent-dark: hsl(227, 94%, 52%);
	--privy-color-accent-darkest: hsl(0, 0%, 0%);
	--privy-color-success: hsl(147, 43%, 52%);
	--privy-color-success-dark: hsl(147, 43%, 36%);
	--privy-color-success-light: hsl(147, 43%, 92%);
	--privy-color-error: hsl(7, 80%, 62%);
	--privy-color-error-light: hsl(7, 80%, 92%);
	--privy-color-warn: hsl(36, 100%, 65%);
	--privy-color-warn-light: hsl(36, 100%, 95%);
	--privy-height-modal-full: 620px;
	--privy-height-modal-compact: 480px;
}