// In config.ts
export const config = {
light: vars({
'--primary': '23 23 23', // Almost black in light mode
'--primary-foreground': '250 250 250', // Almost white text
}),
dark: vars({
'--primary': '255 245 245', // Almost white in dark mode
'--primary-foreground': '23 23 23', // Almost black text
}),
};
// Full opacity
<Box className="bg-primary" />
// 50% opacity
<Box className="bg-primary/50" />