/* =========================================
   UTILITIES
   (vazio por enquanto — mantido assim para não alterar cascata)
   ========================================= */

/* Typography */
.u-text-muted {
   color: var(--text-muted);
}

.u-text-soft {
   color: var(--text-soft);
}

.u-text-strong {
   color: var(--text-strong);
}

.u-text-center {
   text-align: center;
}

.u-text-right {
   text-align: right;
}

/* Layout */
.u-flex {
   display: flex;
}

.u-grid {
   display: grid;
}

.u-items-center {
   align-items: center;
}

.u-justify-between {
   justify-content: space-between;
}

.u-gap-2 {
   gap: var(--space-2);
}

.u-gap-3 {
   gap: var(--space-3);
}

.u-gap-4 {
   gap: var(--space-4);
}

.u-gap-6 {
   gap: var(--space-6);
}

/* Spacing */
.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-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-6 {
   margin-bottom: var(--space-6);
}

/* Surface */
.u-surface-1 {
   background: var(--surface-1);
}

.u-surface-2 {
   background: var(--surface-2);
}

.u-surface-3 {
   background: var(--surface-3);
}

/* Radius */
.u-radius-sm {
   border-radius: var(--radius-sm);
}

.u-radius-md {
   border-radius: var(--radius-md);
}

.u-radius-lg {
   border-radius: var(--radius-lg);
}

.u-radius-pill {
   border-radius: var(--radius-pill);
}