:root {
	--vitta-color-ink: #0b0b0b;
	--vitta-color-paper: #ffffff;
	--vitta-color-sand: #f2eee6;
	--vitta-color-mist: #f6f6f3;
	--vitta-color-line: rgba(11, 11, 11, 0.12);
	--vitta-color-muted: rgba(11, 11, 11, 0.64);

	--vitta-font-sans: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--vitta-space-2xs: 0.25rem;
	--vitta-space-xs: 0.5rem;
	--vitta-space-sm: 0.75rem;
	--vitta-space-md: 1rem;
	--vitta-space-lg: 1.5rem;
	--vitta-space-xl: 2rem;
	--vitta-space-2xl: 3rem;

	--vitta-radius-sm: 0.5rem;
	--vitta-radius-md: 0.75rem;
	--vitta-radius-lg: 1rem;

	--vitta-container-inline: clamp(1rem, 4vw, 1.5rem);
	--vitta-header-height: 4rem;
	--vitta-focus-ring: 0 0 0 0.1875rem rgba(11, 11, 11, 0.24);
}