/* Layout utilities */
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }

/* Gap utilities - extend CSS Zero's gap system */
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; } /* Between CSS Zero's .gap (0.5rem) and size-4 (1rem) */
.gap-4 { gap: 1rem; } /* Missing from CSS Zero */
.gap-6 { gap: 1.5rem; } /* Missing from CSS Zero */

/* Border utilities */
.border { border: 1px solid var(--color-border); }
.border-bottom { border-bottom: 1px solid var(--color-border); }
.border-t { border-top: 1px solid var(--color-border); }
.border-negative { border-color: var(--color-negative); }

/* Spacing utilities */
.p-0 { padding: 0; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }

/* Width utilities */
.max-w-sm { max-width: 24rem; }
.max-w-md { max-width: 28rem; }
.max-w-lg { max-width: 32rem; }

/* Grid utilities */
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: 1fr; }
.grid-cols-2 { grid-template-columns: 1fr 1fr; }
.col-span-2 { grid-column: span 2; }

/* List utilities */
.list-disc { list-style-type: disc; }

/* Common utility classes */
.link-small {
  font-size: 0.65rem;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--color-primary);
}

.link-small:hover {
  color: var(--color-primary-dark);
}

.link-danger {
  color: var(--color-negative) !important;
}

.link-danger:hover {
  color: var(--color-negative-dark, #dc2626) !important;
}