/* ============================================================
   utilities.css — bewusst minimale Utility-Klassen
   ============================================================ */

.u-mono {
  font-family: var(--font-mono);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
}

.u-display {
  font-family: var(--font-display);
  font-weight: var(--fw-black);
  text-transform: uppercase;
  letter-spacing: var(--tracking-tight);
}

.u-muted { color: var(--text-muted); }
.u-accent { color: var(--accent); }
.u-accent-2 { color: var(--accent-secondary); }

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

.u-mt-0 { margin-top: 0; }
.u-mt-4 { margin-top: var(--space-4); }
.u-mt-6 { margin-top: var(--space-6); }
.u-mt-7 { margin-top: var(--space-7); }
.u-mt-8 { margin-top: var(--space-8); }

.u-mb-4 { margin-bottom: var(--space-4); }
.u-mb-6 { margin-bottom: var(--space-6); }
.u-mb-7 { margin-bottom: var(--space-7); }

.u-flex { display: flex; }
.u-flex-col { flex-direction: column; }
.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); }

.u-hide-mobile {
  display: none;
}

@media (min-width: 768px) {
  .u-hide-mobile { display: revert; }
  .u-show-mobile { display: none; }
}

.u-no-scroll {
  overflow: hidden !important;
  touch-action: none;
}