ব্র্যান্ড নির্দেশিকা

:root {
	--primary: #4f46e5;
	--secondary: #4338ca;
}

.theme-green {
	--primary: #16a34a;
	--secondary: #15803d;
}

@theme inline {
	--color-primary: var(--primary);
	--color-secondary: var(--secondary);
}

// Right — follows the theme picker.
<button className="bg-primary hover:bg-secondary" />
<div className="bg-linear-to-r from-primary to-secondary" />
<span className="bg-primary/10 text-primary" />

// Wrong — frozen at one theme.
<button className="bg-[#4f46e5] hover:bg-[#4338ca]" />