In previous versions you could separate them out in the tailwind.config.js

theme: {
extend: {
backgroundColor: {
secondary: '#00fd97',
},
textColor: {
secondary: '#001bff',
}
}
}

In your theme.css

@theme{
--color-secondary: "#00fd97";
}

then you can then use bg-secondary, text-secondary, border-secondary

Which tailwind version are you using?

Looks great! Not sure about the interaction when you tap on the Vercel tag – feels very sudden when it scrolls to the anchor