/* Backgrounds */
.bg-zinc-50,.dark .dark\:bg-zinc-950{background-color:var(--z50)!important}
.bg-zinc-100{background-color:var(--z100)!important}
.bg-white,.bg-zinc-200,.dark .dark\:bg-zinc-800,.dark .dark\:bg-zinc-900{background-color:var(--z200)!important}
.bg-zinc-700{background-color:var(--z700)!important}
.bg-zinc-800{background-color:var(--z800)!important}
.bg-zinc-900{background-color:var(--btn)!important;color:var(--btn-fg)!important}
.bg-zinc-950{background-color:var(--z950)!important}
.dark .dark\:bg-zinc-600{background-color:var(--z600)!important}
.dark .dark\:bg-zinc-700{background-color:var(--z700)!important}

/* Green (pros) */
.bg-green-50{background-color:var(--green-bg)!important}
.bg-green-100{background-color:var(--green-bg)!important}
.bg-green-200{background-color:var(--green)!important}
.bg-green-900{background-color:var(--green)!important}

/* Red (cons) */
.bg-red-50{background-color:var(--red-bg)!important}
.bg-red-100{background-color:var(--red-bg)!important}
.bg-red-200{background-color:var(--red)!important}
.bg-red-900{background-color:var(--red)!important}

/* Amber (advice) */
.bg-amber-50{background-color:var(--amber-bg)!important}
.bg-amber-100{background-color:var(--amber-bg)!important}
.bg-amber-200{background-color:var(--amber)!important}
.bg-amber-900{background-color:var(--amber)!important}
.bg-amber-950{background-color:var(--amber)!important}

/* Blue */
.bg-blue-50{background-color:var(--blue-bg)!important}

/* ── Text ── */
.text-zinc-100{color:var(--z100)!important}
.text-zinc-200,.dark .dark\:text-zinc-200{color:var(--z200)!important}
.text-zinc-300,.dark .dark\:text-zinc-300{color:var(--z300)!important}
.text-zinc-400,.dark .dark\:text-zinc-400{color:var(--z400)!important}
.text-zinc-500,.dark .dark\:text-zinc-500{color:var(--z500)!important}
.text-zinc-600{color:var(--z600)!important}
.text-zinc-700{color:var(--z700)!important}
.text-zinc-800{color:var(--z800)!important}
.text-zinc-900,.dark .dark\:text-zinc-100{color:var(--z900)!important}
.text-white{color:var(--white)!important}

/* Green text */
.text-green-400{color:var(--green)!important}
.text-green-600,.text-green-700,.text-green-800{color:var(--green)!important}

/* Red text */
.text-red-400,.text-red-500,.text-red-600,.text-red-700,.text-red-800{color:var(--red)!important}

/* Amber text */
.text-amber-400,.text-amber-500,.text-amber-600{color:var(--amber)!important}
.text-amber-700,.text-amber-800{color:var(--amber)!important}

/* Blue text */
.text-blue-400{color:var(--blue)!important}
.text-blue-600,.text-blue-800{color:var(--blue)!important}

/* ── Borders ── */
.border-zinc-100{border-color:var(--z100)!important}
.border-zinc-200,.dark .dark\:border-zinc-800{border-color:var(--z200)!important}
.border-zinc-300{border-color:var(--z300)!important}
.border-zinc-700,.dark .dark\:border-zinc-700{border-color:var(--z700)!important}
.border-zinc-800{border-color:var(--z800)!important}

/* ── Hover ── */
.hover\:bg-zinc-50:hover{background-color:var(--z100)!important}
.hover\:bg-zinc-100:hover{background-color:var(--z200)!important}
.hover\:bg-zinc-200:hover{background-color:var(--z300)!important}
.hover\:bg-zinc-800:hover,.dark .dark\:hover\:bg-zinc-800:hover{background-color:var(--btn-hover)!important}
.hover\:border-zinc-300:hover{border-color:var(--z400)!important}

/* Focus */
.focus\:border-zinc-500:focus{border-color:var(--z600)!important}