/* Utilities — pra evitar inline styles repetidos nas views.
   Use BEM nas peças. Estas classes são só pra espaçamento e links "limpos". */

/* margin-top */
.u-mt-1 { margin-top: var(--space-1); }
.u-mt-2 { margin-top: var(--space-2); }
.u-mt-3 { margin-top: var(--space-3); }
.u-mt-4 { margin-top: var(--space-4); }
.u-mt-5 { margin-top: var(--space-5); }
.u-mt-6 { margin-top: var(--space-6); }
.u-mt-7 { margin-top: var(--space-7); }

/* margin-bottom */
.u-mb-1 { margin-bottom: var(--space-1); }
.u-mb-2 { margin-bottom: var(--space-2); }
.u-mb-3 { margin-bottom: var(--space-3); }
.u-mb-4 { margin-bottom: var(--space-4); }
.u-mb-5 { margin-bottom: var(--space-5); }
.u-mb-6 { margin-bottom: var(--space-6); }

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

/* visibilidade */
.u-hidden { display: none !important; }
.u-block  { display: block; }
.u-inline-block { display: inline-block; }

/* links "limpos" (sem underline, herda cor) */
.u-link-clean { text-decoration: none; color: inherit; }
.u-link-block { text-decoration: none; color: inherit; display: block; }

/* full width */
.u-w-full { width: 100%; }

/* texto */
.u-text-muted { color: var(--color-muted); }
.u-text-xs    { font-size: var(--font-size-xs, 0.75rem); }
.u-text-sm    { font-size: 0.875rem; }