Have you tried adding @theme
in global.css ?
// global.css
@import 'tailwindcss';
@theme {
--color-black: #1a1a1a;
--color-white: #fafaf8;
--color-mint-500: oklch(0.72 0.11 178);
}
You can add custom colors (hex codes, OKLCH, etc.) like this.