/* ==========================================================================
   Utilities
   ========================================================================== */

/* Display */
.hidden { display: none !important; }
.block { display: block; }
.inline-flex { display: inline-flex; }

/* Text */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* Width */
.w-full { width: 100%; }
.max-w-prose { max-width: 65ch; }

/* Margin / padding helpers */
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.mt-4 { margin-top: var(--space-4); }
.mt-6 { margin-top: var(--space-6); }
.mt-8 { margin-top: var(--space-8); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-6 { margin-bottom: var(--space-6); }
.mb-8 { margin-bottom: var(--space-8); }

/* Visual */
.rounded { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }
.overflow-hidden { overflow: hidden; }

/* Background surfaces */
.bg-surface { background-color: var(--color-surface); }
.bg-elevated { background-color: var(--color-bg-elevated); }

/* Borders */
.border { border: 1px solid var(--color-border); }
.border-t { border-top: 1px solid var(--color-border); }
.border-b { border-bottom: 1px solid var(--color-border); }