/* Utility helpers */
.truncate, .cell-truncate { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.font-xs { font-size: var(--font-size-xs); }
.font-sm { font-size: var(--font-size-sm); }
.font-md { font-size: var(--font-size-md); }
.font-lg { font-size: var(--font-size-lg); }
.font-xl { font-size: var(--font-size-xl); }

.mt-1 { margin-top: var(--space-1); }
.mt-2 { margin-top: var(--space-2); }
.mt-3 { margin-top: var(--space-3); }
.mb-1 { margin-bottom: var(--space-1); }
.mb-2 { margin-bottom: var(--space-2); }
.mb-3 { margin-bottom: var(--space-3); }
.p-1 { padding: var(--space-1); }
.p-2 { padding: var(--space-2); }
.p-3 { padding: var(--space-3); }

.text-accent { color: var(--color-accent); }
.text-danger { color: var(--color-danger); }
.text-success { color: var(--color-success); }
.bg-accent { background: var(--color-accent); color: var(--color-neutral-100); }
.bg-neutral { background: var(--color-neutral-200); }

.border { border: 1px solid var(--color-border); }
.rounded { border-radius: var(--radius-md); }