/* Utility Classes */

/* Visibility */
.u-hidden {
  display: none !important;
}

.u-invisible {
  visibility: hidden !important;
}

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

.u-flex-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.u-gap-xs {
  gap: 2px !important;
}

.u-gap-sm {
  gap: 4px !important;
}

.u-gap-md {
  gap: 8px !important;
}

/* Text */
.u-text-center {
  text-align: center !important;
}

.u-text-danger {
  color: var(--kaku-accent-danger) !important;
}