Variables in arbitrary values

When using variables in arbitrary values, use the modern, shorter syntax.

Instead of:

<div class="bg-[var(--color)]" />

write:

<div class="bg-(--color)" />

Layout best practices