More work on theme

tailwind.config.js

@@ -1,4 +1,5 @@
 const defaultTheme = require('tailwindcss/defaultTheme');
+const colors = require('tailwindcss/colors');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
@@ -13,10 +14,11 @@ module.exports = {
 			'2xl': '1536px',
 			'3xl': '1920px',
 	 	},
-		colors: defaultTheme.colors,
+		colors: colors,
 		backgroundColor: ({theme}) => theme('colors'),
 		textColor: ({theme}) => theme('colors'),
 		spacing: {
+			'size-4xs': 'clamp(0.125rem, calc(0.12rem + 0.03vw), 0.21rem)',
 			'size-3xs': 'clamp(0.25rem, calc(0.24rem + 0.06vw), 0.31rem)',
 			'size-2xs': 'clamp(0.50rem, calc(0.48rem + 0.13vw), 0.63rem)',
 			'size-xs': 'clamp(0.75rem, calc(0.71rem + 0.19vw), 0.94rem)',